@charset "utf-8";
@import url(../../fonts.googleapis.com/css2~family=Outfit_wght@100..900&display=swap.cssp');
@font-face {
    font-family: 'SUITE';
    src: url(../../fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff22') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SUITE';
    src: url(../../fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Bold.woff22') format('woff2');
    font-weight: 600;
    font-style: normal;
}
html, body {
    -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
    -ms-text-size-adjust : none;  /* IE */
    -moz-text-size-adjust : none;  /* 파이어폭스 */
    -o-text-size-adjust : none;  /* 오페라 구버전 */
}
    

html,body,.wrap{width: 100%;height: 100%;}
.wrap{overflow:hidden;position:relative;opacity:0;}
.subwrap{overflow:auto;height:auto;opacity:1; over}
.wrap.step1{opacity:1;}

.index_page{font-family: 'Sofia Pro', 'Outfit', 'Noto Sans KR';}

.inner{margin: 0 auto;position: relative;}
.in_1200{max-width: 1200px;}
.in_1600{max-width: 1600px;}

@media (min-width: 1000px) and (max-width: 3199px) {
.in_1600{margin-right: 80px;}
}

.in_1340{max-width: 1340px;}
.section{overflow:hidden;}
.content{padding: 200px 20px 200px; overflow: hidden;}
.sub_tit{margin-bottom:80px;font-size:2.19rem;font-weight:500;color:#000;text-align:center;}
.seoul{transition:0.3s;}
.seoul a{display:block;width:95px;height:12px;background:url(../images_ipark/slogo.png) no-repeat center / contain;}
@media all and (min-width: 2300px){
    :root{font-size: 22px;}
	html{font-size: 22px;}
	.seoul a{width: 150px;height: 19px;}
}
@media all and (min-width: 2000px){
	:root{font-size: 18px}
    html{font-size: 20px;}
	.in_1600{max-width:90%;}
	.in_1340{max-width: 80%;}
	.seoul a{width: 130px;height: 17px;}
}
@media all and (max-width: 1500px){
    :root{font-size: 14px;}
	html{font-size: 14px;}
}
@media all and (max-width: 1024px){
	:root{font-size: 13px;}
	html{font-size: 13px;}
	.content{padding:120px 20px 80px;}
	.sub_tit{margin-bottom:60px;font-size: 2.5rem;}
	.seoul a{width: 71px;height: 11px;}
}
@media all and (max-width: 768px){
	:root{font-size: 12px;}
	html{font-size: 12px;}
}

.con_tit{display: flex;}
.con_tit p{padding-bottom: 5px;position: relative;font-size: 0.94rem;font-weight: 500;color: #000;letter-spacing: 0.075em;transition:0.8s;opacity: 0;transform: translate(0,100%);}
.con_tit p em{position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background-color: #000;transition:0.8s;}
@media all and (max-width: 1024px){
	.con_tit p{font-size:1rem;}
}

/*header*/
header{padding: 0 20px;overflow:hidden;position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height:100px;transition: 0.5s;transform: translate(0,-100%); background: #fff; }
header::before{position:absolute;top:100px;left:0;width:100%;height:1px;background-color:#ddd;transition:0.3s;content:"";opacity:0;}
header .head_in{display: flex;align-items: center;justify-content: space-between;position: relative;height:100px;}
header h1 a{display: block;width: 248px;height: 21px;background: url(../images/logo.svg) no-repeat center / contain;transition:0.6s;}
header .gnb{transition:0.6s;}
header .gnb > ul{display:flex;}
header .gnb > ul > li{position:relative;text-align:center;}

/*
header .gnb > ul > li::before{position:absolute;top:0;left:50%;width:1px;height:30px;background-color:#c30028;transition:0.3s;content:"";transform:scaleY(0);transform-origin:0 0;}
header .gnb > ul > li::after{position:absolute;top:30px;left:calc(50% - 2px);width:5px;height:5px;background-color:#c30028;transition:0.3s;content:"";border-radius:50%;transform:scale(0);}
header .gnb > ul > li:hover::before{transform:none;}
header .gnb > ul > li:hover::after{transition-delay:0.2s;transform:none;}
*/

header .gnb > ul > li:before, header .gnb > ul > li:after {
  content: '';
  border-bottom: solid 2px #c30028;
  position: absolute;
  bottom: 0;
  width: 0;
}

header .gnb > ul > li:before { left: 0; }
header .gnb > ul > li:after { right: 0; }

header .gnb > ul > li:hover:before, header .gnb > ul > li:hover:after {
  width: 50%;
}

header .gnb > ul > li:before, header .gnb > ul > li:after {
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}



header .gnb > ul > li > a{display:block;padding: 0 20px; position: relative;font-weight:500;line-height:100px;color:#000;letter-spacing:0.01em;transition:0.6s;}
header .rig{
	display: none;gap: 0 30px;align-items: center;
}
header .dep2{padding-top:30px;position:absolute;top:100%;left:0;width: 100%;}
header .dep2 li ~ li{margin-top:15px;}
header .dep2 li a{display:flex;justify-content:center;font-size:0.875rem;color:#444;transition:0.3s;}
header .dep2 li a span{position:relative;}
header .gnb .badge{display: block;margin-top:-7px;position:absolute;top:50%;left:calc(100% + 7px);width: 14px;height: 14px;background-color:#c30028;font-size: 11px;line-height: 14px;color: #fff;text-align: center;border-radius: 3px;}
header .open{padding: 0 20px;background-color:#000;font-size:1.06rem;line-height:1.76em;color:#fff;text-align:center;transition:0.6s;border-radius: 30px; font-family: 'Noto Sans KR';}
header .tel{transition:0.6s;}
header .tel a{display:block;}
header .tel p{font-family: 'Jost';font-size: 1.125rem;font-weight: 600;color: #000;letter-spacing: 0.01em;transition:0.6s;}
header .nav_btn{display:none;padding: 15px 0;cursor: pointer;}
header .nav_btn span{display: block;width: 60px;height: 2px;background-color: #000;transition: 0.4s;}
header .nav_btn span ~ span{margin-top: 6px;}
header.nav_on h1 a,
header.nav_on .open,
header.nav_on .tel{pointer-events:none;opacity:0;}
header.nav_on .nav_btn span{background-color:#000 !important;}
header.nav_on .nav_btn span:nth-child(1){transform: translate(0, 4px) rotate(45deg);}
header.nav_on .nav_btn span:nth-child(2){transform: translate(0, -4px) rotate(-45deg);}
/*
header.nav_on .tel p{color: #000 !important;}
header.nav_on .open{color: #fff !important;background-color: #000 !important;}
header.nav_on .gnb{opacity:0;pointer-events:none;}
*/
header.on{transform: none;}
.subwrap header{transform:none;}
.subwrap header.down{transform:translate(0,-100%);}
.subwrap header h1 a{background-image:url(../images/logo.svg);}
.fp-viewing-3 header h1 a,
.fp-viewing-1 header h1 a{background-image:url(../images/logo.svg);}
.fp-viewing-5 header{pointer-events:none;opacity:0;}
header.bl h1 a{background-image: url(../images/logo.svg) !important;}
header.bl .gnb > ul > li > a{color: #000 !important;}
header.bl .open{background-color: #000 !important;color: #fff !important;}
header.bl .tel p{color: #000 !important;}
header.bl .nav_btn span{background-color: #000 !important;}
header:not(.nav_on):hover{box-shadow:0 5px 10px rgba(0,0,0,0.1);height:300px;background-color:#fff;}
header:not(.nav_on):hover::before{opacity:1;}
header:not(.nav_on):hover .gnb > ul > li > a{color: #000 !important;}
header:not(.nav_on):hover .open{background-color: #000 !important;color: #fff !important;}
header:not(.nav_on):hover .tel p{color: #000 !important;}
header:not(.nav_on):hover .nav_btn span{background-color: #000 !important;}
header .dep2 li a:hover{font-weight:500;color:#000;}

header.sub_on:not(.nav_on)::after{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%;background: #fff; content: "";}

.top_phone_link {
}

@media all and (min-width: 2000px){
	header h1 a{ /*width: 129px;height: 55px;*/ }
	header:not(.nav_on):hover{height:300px;}
}
@media all and (max-width: 1400px){
	header .gnb > ul > li > a{padding: 0 25px}
	header .rig{gap: 0 20px; display:flex;}
}
@media all and (max-width: 1200px){
	header,
	header .head_in{height:60px;}
	header::before,
	header .gnb{display:none;}
	header .nav_btn{display:block;}
	header:not(.nav_on):hover{;box-shadow:none;height:auto;}
}
@media all and (max-width: 1400px) and (min-width: 1025px){
	header h1 a{ /*width: 82px;height: 35px;*/ }
	header .open{font-size: 0.9em;}
	header .nav_btn span{width:40px;}
}
@media all and (min-width: 1025px){
	/*.fp-viewing-2 header{pointer-events:none;opacity:0;}*/
	header:not(.nav_on):hover h1 a{background-image:url(../images/logo.svg) !important;}
}
@media all and (max-width: 1024px){
	header .head_in{align-items: center;}
	header h1 a{ /*width: 60px;height: 25px;*/ }
	header .rig{gap: 0 15px; display:flex;}
	header .open{padding: 0 10px;font-size: 0.9rem;line-height: 25px;}
	header .tel p{font-size: 1rem;}
	header .nav_btn{padding: 10px 0;}
	header .nav_btn span{width: 30px;}
	/*.fp-viewing-2 header h1 a{background-image:url(../images/logo.png);}*/

	.top_phone_link {
		display:none;
	}
}

/*nav*/
nav{padding: 20px 0 40px 50px;position: fixed;top: 0;right: 0;z-index: 90;width: 80%;height: 100%;background-color: #fff;transition: 0.6s;transform: translate(100%,0);}
nav .box{display: flex;justify-content: space-between;flex-direction: column;padding-top: 60px;position: relative;height: 100%;}
nav .d1 > li{transition: 0.6s;opacity: 0;transform: translate(10%,0);}
nav .d1 > li ~ li{margin-top: 35px;}
nav .d1 > li strong{padding-bottom:2px;position:relative;font-size:1.4rem;font-weight:500;color:#000;}
nav .d1 > li strong::before{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000;transition:0.6s;content:"";transform:scaleX(0);transform-origin:0 0;}
nav .d1 > li strong::after{margin-top:-3px;position:absolute;top:50%;left:calc(100% + 7px);width:6px;height:6px;background-color:#c30028;transition:0.6s;content:"";border-radius:50%;transform:scale(0);}
nav .d2{display:none;margin-top:20px;padding-left:10px;}
nav .d2 li ~ li{margin-top:15px;}
nav .d2 li a{position:relative;}
nav .d2 li a span{font-size:1.1rem;color:#777;}
nav .link{display: flex;gap: 0 10px;transition: 0.6s;opacity: 0;transform: translate(0,100%);}
nav .link a{font-size: 1rem;font-weight: 500;color: #4b5055;}
nav .link a.en{}
nav .badge{position: absolute;top: 50%;left: calc(100% + 10px);width: 30px;height: 14px;background-color: #c30028;font-size: 11px;line-height: 14px;color: #fff;text-align: center;transform: translate(0, -50%);border-radius: 3px;}
nav.on{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);transform: none;}
nav.on ul li{transition-delay: 0.4s;opacity: 1;transform: none; user-select: none;}
nav.on .link{transition-delay: 0.6s;opacity: 1;transform: none;}
nav .d1 > li.on strong::before{transform:scaleX(1);}
nav .d1 > li.on strong::after{transform:none;}

/*footer*/
footer{padding: 85px 20px 100px;position:relative;background-color: #141416;}
footer .box{display: flex;justify-content: space-between;}
footer .link{display: flex;gap:  0 10px;align-items: center;margin-bottom: 35px;}
footer .link a{font-size: 0.875rem;color: #fff;letter-spacing: -0.05em;}
footer .link em{width: 1px;height: 10px;background-color: #5b5b5c;}
footer .ori{margin-bottom: 30px;font-size: 0.81rem;line-height:1.3em;color: rgba(255,255,255,0.3);letter-spacing: -0.05em;}
footer address{font-size: 0.75rem;line-height: 2em;}
footer address p{letter-spacing: -0.024em;}
footer address span{display:block;margin-top:10px;letter-spacing: 0.075em;}
footer .top_btn{display: flex;justify-content: center;}
footer .top_btn button{display: block;border: none;background: none;}
footer .top_btn button img{display: block;}
footer .foot_logo{margin-top: 70px;width: 88px;}
footer .foot_logo img{display: block;}
@media all and (max-width: 1400px) and (min-width: 1025px){
	footer{padding: 50px 20px;}
}
@media all and (max-width: 1024px){
	footer{padding: 50px 20px;}
	footer .box{flex-direction: column-reverse;}
	footer .lef{margin-top:40px;}
	footer .link{margin-bottom:20px;}
	footer .link a,
	footer address{font-size:10px;}
	footer .ori{margin-bottom:20px;font-size:10px;}
	footer .top_btn{position:absolute;top:0;right:0;width:35px;height:35px;}
	footer .foot_logo{margin-top:0;width: 70px;}
}

/*quick*/
.quick{position: absolute;right: 110px;bottom:200px;z-index: 10;transition: 0.8s;opacity: 0;transform: translate(100%,0);will-change: auto;}
.quick a{display: block;position: relative;width: 160px;height: 160px;}
.quick a::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;transition: 0.5s;content: "";border-radius: 50%;transform: scale(0.65);}
.quick a span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images_ipark/quick-icon.png~ver=1.png) no-repeat center / cover;}
.quick a em{position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation: rotate 8s linear infinite;}
.quick a em::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images_ipark/quick-txt-wh.png~ver=1.png) no-repeat center / cover;transition: 0.5s;content: "";}
.quick a:hover::before{transform: scale(1.1);}
.quick a:hover em::before{background-image: url(../images_ipark/quick-txt-bl.png~ver=1.png);}
.quick_brand{position: absolute;right: 134px;bottom:50px;z-index: 10;transition: 0.8s;opacity: 0;transform: translate(100%,0);}
.quick_brand a{display: block;position: relative;width: 112px;height: 112px;}
.quick_brand a span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images_ipark/quickbrand-icon-wh.png) no-repeat center / cover;transition:0.4s;will-change: auto;}
.quick_brand a em{position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation: rotate 8s linear infinite;}
.quick_brand a em::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images_ipark/quickbrand-txt-wh.png) no-repeat center / cover;transition: 0.4s;content: "";will-change: auto;}
.quick_brand a:hover span{background-image:url(../images_ipark/quickbrand-icon-bl.png);}
.quick_brand a:hover em::before{background-image:url(../images_ipark/quickbrand-txt-bl.png);}
.step3 .quick,
.step3 .quick_brand{opacity: 1;transform: none;}
.quick.up{bottom:500px;}
.quick_brand.up{bottom:350px;}
.fp-viewing-2 .quick,
.fp-viewing-2 .quick_brand{pointer-events:none;opacity:0;}
.fp-viewing-5 .quick{bottom: 550px;}
.fp-viewing-5 .quick_brand{bottom:400px;}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@media all and (min-width: 2300px){
	.fp-viewing-5 .quick_brand{bottom:450px;}
	.fp-viewing-5 .quick{bottom:600px;}
}
@media all and (min-width: 2000px){
	.quick{right:5%;}
	.quick_brand{right:calc(5% + 24px);}
	.quick.up{bottom:550px;}
	.quick_brand.up{bottom:400px;}
}
@media all and (max-width: 1500px){
	.quick{right:20px;}
	.quick_brand{right:44px;}
}
@media all and (max-width: 1400px) and (min-width: 1025px){
	.quick{bottom:150px;}
	.quick a{width: 120px;height: 120px;}
	.quick_brand a{width: 80px;height: 80px;}
	.quick.up{bottom: 370px;}
	.quick_brand.up{bottom: 270px;}
	.fp-viewing-5 .quick{bottom: 430px;}
	.fp-viewing-5 .quick_brand{bottom: 330px;}
}
@media all and (max-width: 1024px){
	.quick{right: 20px;bottom: 100px;}
	.quick a{width: 80px;height: 80px;}
	.quick_brand{right: 30px;bottom: 20px;}
	.quick_brand a{width: 60px;height: 60px;}
	.quick.up{bottom: 490px;}
	.quick_brand.up{bottom: 420px;}
	.fp-viewing-5 .quick{bottom: 470px;}
}
@media all and (max-width: 1024px) and (min-aspect-ratio:10/11){
	.quick_brand.up{bottom: 200px;}
	.quick.up{bottom: 280px;}
}

/*vis*/
.vis{overflow:hidden;position: relative;height: 100%;transition: 1.2s;clip-path: circle(0%);}
.vis .vis_sd{height:100%;transition: 1.2s;clip-path: circle(75%);}
.vis .vis_sd .area{overflow:hidden;overflow:hidden;position:relative;height:100%;}
.vis .box{display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;width: 100%;height: 100%;transition:1s;}
.vis .sd3 .box{transition-delay:1.2s;opacity:0;}

.vis .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color:#fff;transition:1.2s;}
.vis .bg1{transition-delay:1.5s;transform: scale(1.3);}
.vis .bg2{transform: scale(1.6);}
.vis .bg span{display:block;width:100%;height:100%;background: no-repeat center / cover;transition:2.5s;transform:scale(1.4);}
.vis .bg1 span{background-image: url(../images/main/bg_main_01.png);}
.vis .bg2 span{background-image: url(../images/main/bg_main_01_2.png);}
.vis .bg3 span{background-image: url(../images/main/bg_main_01_3.png);}
.vis .bg4 span{background-image: url(../images/main/bg_main_01_3.png);}
.vis .txt{position: relative;z-index: 1;text-align: center;}
.vis .txt p{overflow: hidden;}
.vis .txt p span{display: block;transition: 0.8s;transition-delay: 0.8s;transform: translate(0,100%);}
.vis .txt p span em{display:block;background: linear-gradient(60deg, #fff 0%, #fff 25%, transparent 45%,transparent 55%, #fff 75%,#fff 100%);background-repeat: no-repeat;background-position: 100% center;background-clip: text;-webkit-background-clip: text;background-size: 600% 100%;font-size: 2.81rem;font-weight: 700;line-height: 1.33em;color: transparent;}
.vis .circle_wrap{overflow:hidden;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;}
.vis .circle_wrap .circle{position: absolute;background: #fff;animation: moveCircle 5s ease-in-out forwards;border-radius: 50%;transform-origin: center;}
.vis .circle_img{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;}
.vis .circle_img span{display:block;flex-shrink: 0;width:1200px;}
.vis .circle_img span svg{display:block;width:100%;transition:1.3s;transition-delay:0.1s;opacity:0;}
.vis .circle_img span svg path{transition:1.3s;fill: #fff;transform-origin: 50% 50%;scale: 2;}
.vis .circle_img span svg.on path:nth-child(10n+1){transition-delay:0.05s;}
.vis .circle_img span svg.on path:nth-child(10n+2){transition-delay:0.1s;}
.vis .circle_img span svg.on path:nth-child(10n+3){transition-delay:0.15s;}
.vis .circle_img span svg.on path:nth-child(10n+4){transition-delay:0.2s;}
.vis .circle_img span svg.on path:nth-child(10n+5){transition-delay:0.25s;}
.vis .circle_img span svg.on path:nth-child(10n+6){transition-delay:0.3s;}
.vis .circle_img span svg.on path:nth-child(10n+7){transition-delay:0.35s;}
.vis .circle_img span svg.on path:nth-child(10n+8){transition-delay:0.4s;}
.vis .circle_img span svg.on path:nth-child(10n+9){transition-delay:0.45s;}
.vis .circle_img span svg.on path:nth-child(10n+10){transition-delay:0.5s;}
.vis .circle_img span svg.on{opacity:1;}
.vis .circle_img span svg.on path{scale:1;}
.vis .circle_img span svg.opa path{transition: none !important;transform-box: fill-box;}

.vis.s3 .vis_sd{animation: c_p 2.5s;}
.vis.s3 .sd2{transition-delay:1s !important;}
.vis.s3 .sd3{transition: 0s !important;}
.vis.s3 .sd3 .box{transition-delay:0s;opacity:1;}
.vis.s3 .bg1{transform: none;}
@keyframes c_p {
	0% {clip-path: circle(75%);}
	40% {clip-path: circle(23%);}
	60% {clip-path: circle(23%);}
	100% {clip-path: circle(75%);}
}

.vis_precaution{position: absolute; bottom: 35px; left: 100px; z-index: 40; font-size: 13px; color: #fff; letter-spacing: -0.05em;}

.active .vis .swiper-slide-active .circle_img span svg.opa path:nth-child(5n+1){animation: op 4s infinite;}
.active .vis .swiper-slide-active .circle_img span svg.opa path:nth-child(5n+2){animation: op 4s infinite;animation-delay: 1s;}
.active .vis .swiper-slide-active .circle_img span svg.opa path:nth-child(5n+3){animation: op 4s infinite;animation-delay: 2s;}
.active .vis .swiper-slide-active .circle_img span svg.opa path:nth-child(5n+4){animation: op 4s infinite;animation-delay: 3s;}
.active .vis .swiper-slide-active .circle_img span svg.opa path:nth-child(5n+5){animation: op 4s infinite;animation-delay: 4s;}
.vis .scroll{overflow: hidden;position: absolute;bottom: 0;left: 50%;z-index: 1;width: 1px;height: 0;background: rgba(0,0,0,0.3);transition: 0.4s;transition-delay: 0.8s;}
.vis .scroll::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;animation: scroll 3s linear infinite;content: "";}
@keyframes op {
    0% {opacity: 1;transform:translate(237.18px,249.93px);}
    40% {opacity: 0.2;transform:translate(237.18px,249.93px) scale(0.6);}
    80% {opacity: 1;transform:translate(237.18px,249.93px) scale(1.4);}
    100% {opacity: 1;transform:translate(237.18px,249.93px);}
}
@keyframes moveCircle {
    0% {transform: translate(0, 0) scale(1);opacity: 0;}
	20% {opacity: 1;}
    100% {transform: translate(var(--move-x), var(--move-y)) scale(0);opacity: 0;}
}
@keyframes scroll {
	0%{transform:translate(0,-100%);}
	75%{transform:translate(0,100%);}
	100%{transform: translate(0,100%);}
}
.step1 .vis{clip-path: circle(23%);}
.step1 .vis .bg2{opacity: 1;transform: scale(1.3);}
.step1 .vis .scroll{height: 80px;}
.step2 .vis{clip-path: circle(75%) !important;}
.step2 .vis .bg2{transform: none;}
.step2 .vis .circle_img span{opacity:1;}
.vis .swiper-slide-active .bg span{transform:none;}
.vis .swiper-slide-active .txt p span em{animation: txt_sh 6s 1s forwards infinite;}
.vis.s3 .txt p span{transform: none;}
@keyframes txt_sh {
	0%{background-position: 100% center;}
	100% {background-position: 0% center;}
}
@media all and (min-width: 2000px){
	.vis .circle_img span{width:1500px;}
	.step1 .vis{clip-path: circle(17%);}
}
@media all and (min-width: 2300px){
	.vis .circle_img span{width:1600px;}
}
@media all and (max-width: 1400px) and (min-width: 1025px){
	.vis .txt p span em{font-size: 2.4rem;}
	.vis .circle_img span{width: 950px;}
}
@media all and (max-width: 1024px){
	.vis .txt p span em{font-size: 2.2rem;}
	.vis .circle_img span{width: 680px;}
	.step1 .vis .scroll{height: 50px;}
}
@media all and (max-width: 1024px) and (max-aspect-ratio:10/11){
	.vis .bg1,
	.vis.s3 .bg1{transition-delay:0s;transform:none;}
	.vis.s3 .vis_sd{animation: none;}
	.vis .bg span{transition:1.5s;}

    .vis .bg_m{transition: .2s;}
    .vis .bg_m img{display: block;}
    .vis .bg_m.item1{
        overflow: hidden;
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .vis .bg_m.item1 span{
        position: absolute;
        top: 0;
        width: auto;
        height: 100%;
        aspect-ratio: 2496 / 1400;
    }
    .vis .bg_m.item2 span{
        position: absolute;
        top: 0;
        width: auto;
        height: 100%;
        aspect-ratio: 2489 / 1400;
    }
    .vis .bg_m.item3 span{
        position: absolute;
        top: 0;
        width: auto;
        height: 100%;
        aspect-ratio: 2487 / 1400;
    }

    /* .swiper-slide .bg_m{opacity: 0;}
    .swiper-slide-active .bg_m{opacity: 1;} */

    /* .vis.s3{position: relative; z-index: 100;} */

	/* .vis .bg2 span{background-image: url(../images_ipark/mvis-bg2.jpg)}*/
	.vis .bg2 span,
	.vis .bg3 span{background:none;}
	.vis .bg4 span{background:none;}
	/* .vis .bg4 span{background-image: url(../images_ipark/vis-bg05-m.jpg)}  */
}

/*overview*/
.overview{overflow: hidden;position: relative;z-index: 1;height:100%;}
.overview .__t{display:none;}
.overview_sd{width:100%;height:100%;}
.overview_sd .sd1{height:100%;}
.overview_sd .area{height:100%;}
.overview_sd .box{display:flex;align-items:flex-end;position:relative;height: 100%;}
.overview .bg{height: 100%;transition:1.2s;transition-delay:0.5s;transform:translate(0,-200px);}
.overview .bg span{display:block;width:100%;height:100%;background: url(../images_ipark/vis-bg06-pc.jpg~ver=2.jpg) no-repeat 50% 50% / cover;transition:1.5s;transform: scale(1.3);}
/* .overview .bg span{display:block;width:100%;height:100%;background: url(../images_ipark/overview-img.jpg) no-repeat 50% 50% / cover;transition:1.5s;transform: scale(1.3);} */
.overview .ori{padding: 0 20px;position:absolute;top:-35px;left:0;width:100%;transition:1s;}
.overview .ori p{font-size: 0.81rem;line-height:1.3em;color: #fff;letter-spacing: -0.05em;transition:0.6s;opacity: 0;transform: translate(0,100%);}
.overview .img_txt{position:absolute;top:23%;left:15%;transition:0.8s;transform:translate(0,-100%);}
.overview .img_txt dl dt{margin-bottom:20px;font-size:1.75rem;font-weight:600;line-height:1.25em;color:#000;}
.overview .img_txt dl dt p{overflow:hidden;}
.overview .img_txt dl dt p span{display:block;transition:0.6s;transform:translate(0,100%);}
.overview .img_txt dl dd{display:flex;}
.overview .img_txt dl dd p{display:flex;align-items:center;padding:0 14px;position:relative;transition:0.6s;transform:scaleY(0);}
.overview .img_txt dl dd span{font-size:1.125rem;font-weight:600;color:#000;transition:0.6s;opacity:0;transform:translate(-10%,0);}
.overview .img_txt dl dd em{position:absolute;top:0;width:2px;height:17px;background-color:#000;transition:0.6s;}
.overview .img_txt dl dd .lef{left:0;}
.overview .img_txt dl dd .rig{right:100%;}
.overview .txt_area{padding: 65px 20px 80px;position: fixed;bottom:0;left:0;z-index: 1;width:100%;background-color:#fff;transition:1s;pointer-events:none;transform:translate(0,100%);}
.overview .txt_area ul{display: flex;justify-content: space-between;margin-top: 70px;}
.overview .txt_area dl{display: flex;justify-content: space-between;flex-direction: column;height: 100%;}
.overview .txt_area dl dt p{font-size: 1.5rem;font-weight: 600;line-height: 1.3em;color: #000;letter-spacing: -0.05em;transition:0.8s;opacity: 0;transform: translate(0,100%);}
.overview .txt_area dl dt span{display: block;margin-top: 7px;font-size: 1rem;line-height: 1.3em;color: #000;letter-spacing: -0.06em;transition:0.8s;opacity: 0;transform: translate(0,150%);}
.overview .txt_area dl dd{margin-top: 30px;font-size: 1rem;color: #000;letter-spacing: -0.025em;transition:0.8s;opacity: 0;transform: translate(0,200%);}
.active .overview .bg span{transform:none;}
.fp-completely .overview .ori p{opacity:1;transform:none;}
.fp-completely .overview .swiper-slide-active .img_txt dl dt p span{transform:none;}
.fp-completely .overview .swiper-slide-active .img_txt dl dd p{transition-delay:0.4s;transform:none;}
.fp-completely .overview .swiper-slide-active .img_txt dl dd .rig{right:0;transition-delay:0.6s;}
.fp-completely .overview .swiper-slide-active .img_txt dl dd span{transition-delay:1s;opacity:1;transform:none;}
.overview .swiper-slide-active .bg{transition-delay:0s;transform:none;}
.overview .swiper-slide-active .img_txt{transform:none;}
.overview .swiper-slide-active .txt_area{transform:none;}
.overview .swiper-slide-active .txt_area .con_tit p{transition-delay:0.3s;transform:none;opacity:1;}
.overview .swiper-slide-active .txt_area .con_tit p em{width:100%;transition-delay:0.7s;}
.overview .swiper-slide-active .txt_area dl dt p{transition-delay:0.5s;opacity:1;transform:none;}
.overview .swiper-slide-active .txt_area dl dt span{transition-delay:0.5s;opacity:1;transform:none;}
.overview .swiper-slide-active .txt_area dl dd{transition-delay:0.8s;opacity:1;transform:none;}
@media all and (min-width: 2000px){
	.overview .bg{transform: translate(0, -300px);}
	.overview .txt_area{padding: 65px 20px 100px;}
	.overview .txt_area ul{margin-top: 50px;}
}
@media all and (max-width: 1400px) and (min-width: 1025px){
	.overview .__t{display:block;}
	.overview .img_txt{top: 20%;left: 10%;}
	.overview .bg{transform: translate(0,-170px);}
	.overview .ori{top:-45px;}
	.overview .txt_area{padding: 40px 20px 50px;}
	.overview .txt_area ul{margin-top:40px;}
	.overview .txt_area dl dt p{font-size: 1.3rem;}
	.overview .txt_area dl dt span{font-size: 0.9rem;}
	.overview .txt_area dl dd{margin-top:25px;}
}
@media all and (max-width: 1024px){
	.overview .bg{transition:1s;}
	.overview .sd1{height:100%;}
	.overview .img_txt dl dt{margin-bottom: 15px;font-size: 1.4rem;}
	.overview .img_txt dl dd{gap: 0 5px;}
	.overview .img_txt dl dd span{font-size: 1rem;}
	.overview .img_txt dl dd em{height:14px;}
	.overview .ori{top:-45px;}
	.overview .txt_area{padding: 30px 20px;}
	.overview .txt_area ul{margin-top:25px;}
	.overview .txt_area dl dt p{font-size:1.2rem;}
	.overview .txt_area dl dt span{margin-top:5px;}
	.overview .txt_area dl dd{margin-top:7px;}
	.overview .swiper-slide-active .ori{top: -35px;}
}
@media all and (max-width: 1024px) and (min-aspect-ratio:10/11){
	.overview .__t{display:block;}
	.overview .bg{transform: translate(0, -140px);}
	.overview .img_txt{top:19%;left:12%;}
}
@media all and (max-width: 1024px) and (max-aspect-ratio:10/11){
	.overview .__t{display:none;}
	.overview_sd .area{padding-bottom: 150px;}
	.overview .bg{transform: translate(0, -290px);}
	/* .overview .bg span{background-image:url(../images_ipark/overview-img-m.jpg);} */
	.overview .bg span{background-image:url(../images_ipark/vis-main-lo-m.jpg);background-position:center bottom;}
	.overview .txt_area ul{display:block;}
	.overview .txt_area ul li ~ li{margin-top:20px;}
	.overview .img_txt{top:20%;left:40px;}
	.overview .img_txt dl dt,
	.overview .img_txt dl dd span{color:#fff;}
	.overview .img_txt dl dd em{background-color:#fff;}
	.overview .ori{top: -120px;}
	.overview .ori p{color:#000;}
}

/*video*/
.video{position:relative;height:100%;}
.video .tit{position: absolute;top: 100px;left: 0;z-index: 1;width:100%;transition:0.6s;}
.video .tit p{overflow: hidden;font-size: 7.5rem;font-weight: 500;line-height: 0.92em;color: #000;text-align: center;}
.video .tit p span{display: block;transition:1s;transform: translate(0,100%);}
.video .vd{position: relative;height: 100%;transition:1s;transform: translate(0, 270px);}
.video .vd .iframe{position:relative;height: 100%;transition:1.2s;opacity:0;transform:scale(0.8);transform-origin:50% 100%;}
.video .vd .iframe::after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";}
.video .vd .iframe iframe{position: absolute;top: 50%;left: 0;width: 100%;height: 56.4vw;background-color: transparent;transform: translate(0, -50%);}
.video .sound{display:flex;gap: 0 10px;align-items: center;position:absolute;right:100px;bottom:30px;z-index:2;cursor:pointer;}
.video .sound p{font-size:10px;color:#fff;letter-spacing:0.2em;}
.video .sound span{position:relative;}
.video .sound span em{display:block;width:16px;height:17px;background:url(../images_ipark/sound-on.png) no-repeat center / contain;}
.video .sound ul{display:flex;gap: 0 2px;justify-content:center;position:absolute;top:0;left:0;width:100%;height:17px;opacity:0;}
.video .sound ul li{width:3px;height:100%;background-color:#fff;animation: animate-bar 300ms linear infinite alternate;transform-origin: bottom;}
.video .sound.on span em{opacity:0;}
.video .sound.on ul{opacity:1;}
@keyframes animate-bar {
  0% {
    transform: scaleY(0);
    opacity: 1;
  }
  100% {
    transform: scaleY(100%);
    opacity: 0.5;
  }
}
.active .video .vd .iframe{transition-delay:0.5s;transform:none;opacity:1;}
.active .video .tit p span{transition-delay:0.5s;transform:none;}
.fp-completely .video .vd{transition-delay:0.5s;transform:none;}
@media all and (min-width: 2000px){
	.video .sound p{font-size: 0.8rem;}
	.video .sound span em{width: 21px;height: 22px;}
}
@media all and (max-width: 1400px) and (min-width: 1025px){
	.video .tit p{font-size: 6.5rem;}
}
@media all and (min-width: 1025px){
	.fp-completely .video .tit{transition-delay:0.5s;opacity:0;transform:translate(0,-30%);}
}
@media all and (max-width: 1024px){
	.video{display:flex;justify-content: center;flex-direction: column;}
	.video .tit{margin-bottom: 30px;position:static;}
	.video .tit p{font-size: 3.5rem;line-height: 1em;}
	.video .vd{width:100%;height:auto;transform: translate(0, 30%);}
	.video .vd .iframe{padding-bottom:57%;}
	.video .sound{right: 20px;bottom: 20px;}
}
@media all and (max-width: 1024px) and (min-aspect-ratio:10/11){
	.video .tit{margin-bottom:15px;}
	.video .tit p{font-size: 3rem;}
	.video .vd{margin: 0 auto;width: 55%;}
}
@media all and (max-width: 1024px) and (max-aspect-ratio:10/11){
	.video .vd{width: 100%;}
}

/*premium*/
.premium{padding-top:100px;height:100%;}
.premium .area{display: flex;align-items: center;height:100%;}
.premium .area .box{width: 40%;}
.premium .area .lef{margin-top:-50px;padding-left: 10%;}
.premium .area .rig{height:100%; width: 60%; }
.premium .txt{margin: 0 0 0 auto;max-width: 800px;}
.premium .num{margin-top: 70px;overflow: hidden;font-size: 4.5rem;color: #000;}
.premium .num span{display:block;transition:0.8s;transform: translate(0,100%);}
.premium .t1{margin-top: 25px;font-size: 5.63rem;font-weight: 500;line-height: 1.25em;color: #000;}
.premium .t1 p{overflow: hidden;}
.premium .t1 p span{display: block;transition:0.8s;transform: translate(0,100%);}
.premium .t2{margin-top: 90px;overflow:hidden;font-size: 1.25rem;line-height:1.3em;color: #000;letter-spacing: -0.05em;}
.premium .t2 p{transition: 0.8s;opacity: 0;transform: translate(0,100%);}
.premium .img{overflow: hidden;width:100%;height:100%;}
.premium .img span{display: block;width: 100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transition:1.2s;opacity:0;transform:scale(1.3);}
.premium .sd1 .img span{background-image:url(https://neo233.viahost.co.kr/00_sangbong/images/main/all_prm_01.png);}
.premium .sd2 .img span{background-image:url(https://neo233.viahost.co.kr/00_sangbong/images/main/all_prm_02.png);}
.premium .sd3 .img span{background-image:url(https://neo233.viahost.co.kr/00_sangbong/images/main/all_prm_03.png);}
.premium .sd4 .img span{background-image:url(https://neo233.viahost.co.kr/00_sangbong/images/main/all_prm_04.png);}
.active .premium .swiper-slide-active .img span{transition-delay:0.6s;opacity:1;transform:none;}
.active .premium .swiper-slide-active .con_tit p{transition-delay:0.8s;opacity:1;transform:none;}
.active .premium .swiper-slide-active .con_tit p em{width:100%;transition-delay:1s;}
.active .premium .swiper-slide-active .num span{transition-delay: 1s;transform: none;}
.active .premium .swiper-slide-active .t1 p span{transition-delay: 1.2s;transform: none;}
.active .premium .swiper-slide-active .t2 p{transition-delay: 1.4s;opacity: 1;transform: none;}
@media all and (min-width: 2300px){
	.premium .area .lef{margin-top:0;padding-left:0;}
	.premium .txt{max-width: 90%;}
	.premium .t2{font-size: 1.3rem;}
}
@media all and (max-width: 1400px) and (min-width: 1025px){
	.premium{padding-top: 100px;}
	.premium .__t{display:block !important;}
	.premium .num{margin-top: 50px;font-size: 3.5rem;}
	.premium .t1{margin-top: 20px;font-size: 4.5rem;}
	.premium .t2{margin-top: 50px;font-size: 1.1rem;}
}
@media all and (max-width: 1024px){
	.premium .area .box{width:100%;}
	.premium .area .lef{margin-top:0;margin-bottom:20px; padding-left: 5%;}
	.premium .area .rig{flex-grow: 1;}
	.premium .txt{max-width:100%;}
	.premium .num{margin-top: 30px;font-size: 2rem;}
	.premium .t1{margin-top: 10px;font-size: 2.8rem;}
	.premium .t2{margin-top:20px;font-size: 1rem;}
}
@media all and (max-width: 1024px) and (min-aspect-ratio:10/11){
	.premium{padding-top:100px;}
}
@media all and (max-width: 1024px) and (max-aspect-ratio:10/11){
	.premium{padding-top:70px;}
	.premium .area{flex-direction: column;}
}

/*location*/
.location{padding-top:100px;position: relative;height:100%;background-color: #f1f2f3;}

.location .lef img{ transition:1s;opacity: 0;transform: scale(1.2);}
.location .rig img{display: block;width: 100%; }

.location .area{display: flex;justify-content: flex-end;position: relative;height:100%;}
.location .lef{display: flex;align-items: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.location .txt{margin-bottom:-30px;padding: 0 20px;width: 100%;}
.location .txt .tit{margin-top:55px;}
.location .txt .tit p{margin-bottom: 20px;font-size: 1.25rem;line-height: 1.2em;color: #000;transition:0.8s;opacity: 0;transform: translate(0,30%);}
.location .txt .tit strong{display:block;font-size:2.19rem;font-weight:600;line-height:1.23em;color: #000;transition:0.8s;opacity: 0;transform: translate(0,30%);}
.location .loc{margin-top: 60px;}
.location .loc li ~ li{margin-top:35px;}
.location .loc dl{transition:0.8s;opacity: 0;transform: translate(0,50%);}
.location .loc dl dt{font-size: 1.25rem;font-weight: 500;color: #000;letter-spacing: -0.05em;}
.location .loc dl dd{margin-top: 10px;font-size: 1rem;color: #4b5055;letter-spacing: -0.05em;}
.location .loc .link{display:flex;gap: 0 10px;margin-top:10px;transition:0.8s;opacity:0;transform:translate(0,100%);}
.location .loc .link a img{display:block;width:30px;}
.location .txt .tel{margin-top: 60px;transition:0.8s;opacity: 0;transform: translate(0,100%);}
.location .txt .tel p{font-family: 'Jost';font-size: 1.125rem;font-weight: 500;color: #000;letter-spacing: 0.01em;}
.location .rig{overflow: hidden;position: relative;z-index: 1;width: calc(50% + 470px);}
.location .rig .img{height:100%;background:url(../images/main/main_02_img_01.png) no-repeat 50% bottom / contain;transition:1s;opacity: 0;transform: scale(1.2);}
.fp-viewing-1 .location .con_tit p,
.fp-viewing-5 .location .con_tit p{transition-delay:0.5s;opacity:1;transform:none;}
.fp-viewing-1 .location .con_tit p em,
.fp-viewing-5 .location .con_tit p em{width:100%;transition-delay:0.7s;}
.fp-viewing-1 .location .txt .tit p,
.fp-viewing-5 .location .txt .tit p{transition-delay:0.7s;opacity:1;transform:none;}
.fp-viewing-1 .location .txt .tit strong,
.fp-viewing-5 .location .txt .tit strong{transition-delay:0.9s;opacity:1;transform:none;}
.fp-viewing-1 .location .loc dl,
.fp-viewing-5 .location .loc dl{transition-delay:1.1s;opacity:1;transform:none;}
.fp-viewing-1 .location .loc .link,
.fp-viewing-5 .location .loc .link{transition-delay:1.3s;opacity:1;transform:none;}
.fp-viewing-1 .location .txt .tel,
.fp-viewing-5 .location .txt .tel{transition-delay:1.5s;opacity:1;transform:none;}
.fp-viewing-1 .location .rig .img,
.fp-viewing-5 .location .rig .img{transition-delay:0.5s;opacity:1;transform:none;}

.fp-viewing-1 .location .lef img,
.fp-viewing-5 .location .lef img{transition-delay:0.5s;opacity:1;transform:none;}

@media all and (min-width: 2300px){
	.location .txt{margin-bottom:0;}
	.location .txt .tit p{font-size: 1.3rem;}
	.location .txt .tit strong{font-size: 2.4rem;}
	.location .loc dl dt{font-size:1.4rem;}
	.location .loc dl dd{font-size:1.2rem;}
	.location .loc .link{gap: 0 15px;}
	.location .loc .link a img{width: 45px;}
	.location .txt .tel p{font-size:1.3rem;}
	.location .rig{width: calc(50% + 400px);}
}
@media all and (min-width: 2000px){
	.location{padding-top:90px;}
	.location .loc .link{margin-top: 15px;}
	.location .loc .link a img{width: 40px;}
}
@media all and (max-width: 1400px) and (min-width: 1025px){
	.location .txt{margin-bottom:0;}
	.location .txt .tit{margin-top: 30px;}
	.location .txt .tit p{margin-bottom:10px;}
	.location .rig{width: calc(50% + 200px);}
	.location .loc{margin-top:35px;}
	.location .loc li ~ li{margin-top: 25px;}
	.location .txt .tel{margin-top: 35px;}
}
@media all and (max-width: 1024px){
	.location{padding-top:0;}
	.location .lef{padding: 60px 0 10px;position:relative;height:auto;}
	.location .rig{flex-grow: 1;}
	.location .txt{margin-bottom:0;}
	.location .txt .tit{margin-top: 30px;}
	.location .txt .tit p{margin-bottom: 10px;font-size:1rem;}
	.location .txt .tit strong{font-size: 1.8rem;}
	.location .loc{margin-top: 20px;}
	.location .loc li ~ li{margin-top:20px;}
	.location .loc .link{gap: 0 5px;}
	.location .loc .link a img{width:25px;}
	.location .loc dl dd{margin-top:5px;}
	.location .txt .tel{margin-top:20px;}
}
@media all and (max-width: 1024px) and (min-aspect-ratio:10/11){
	.location .lef{width: 350px;}
	.location .rig{width: calc(50% + 350px);}
}
@media all and (max-width: 1024px) and (max-aspect-ratio:10/11){
	.location .area{flex-direction: column;}
	.location .lef{width:100%;}
	.location .rig{width:100%;}
}

/*customer*/
.contact_img{margin-bottom:30px;}
.contact_img img{display:block;width:100%;}
.bo_tbl table{border-top: 1px solid #333;width: 100%;table-layout: fixed;}
.bo_tbl table tr th{padding: 25px 0 25px 40px;border-bottom: 1px solid #e5e5e5;font-size: 1.06rem;font-weight: 400;color: #333;text-align: left;}
.bo_tbl table tr td{padding: 15px 0;border-bottom: 1px solid #e5e5e5}
.bo_tbl table tr td > div{display: flex;gap: 10px 0;align-items: center;flex-wrap: wrap;}
.bo_tbl table tr td > div ~ div{margin-top:10px;}
.bo_tbl table tr td .customer-opt-chbox{flex-wrap:wrap;}
.bo_tbl table tr td input[type="text"]{padding: 0 20px;border: none;outline: none;width:100%;max-width: 600px;height: 50px;background-color: #f0f0f0;font-size: 1rem;color: #222;}
.bo_tbl table tr td select{padding: 0 20px;border: none;outline: none;width: 100%;max-width: 200px;height: 50px;background: #f0f0f0 no-repeat 90% 52%;font-size: 1rem;color: #222;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.bo_tbl table tr td select ~ select{margin-left: 10px;}
.bo_tbl table tr td em{margin: 0 10px;font-size: 1rem;color: #222;}
.bo_tbl table tr td .personnel label ~ label{margin-left: 20px;}
.bo_tbl table tr td .personnel label span{margin-left: 5px;}
.bo_tbl table tr td p{margin-top: 10px;font-size: 0.88rem;}
.bo_tbl table tr td input:focus,
.bo_tbl table tr td select:focus{border: 1px solid #35343a;background: #fff;}
.bo_tbl table tr td span{display: flex;align-items:center;}
.bo_tbl table tr td label{margin-right:20px;margin-left:5px;font-size:1rem;color:#222;}
.bo_tbl table tr td > .wrap_none{flex-wrap:nowrap;}
.terms{margin-top: 60px;}
.terms dl{margin-bottom: 25px;}
.terms dl dt{margin-bottom: 10px;font-size: 1.2rem;font-weight: 600;color: #333;}
.terms dl dd{font-size: 1rem;line-height: 1.3em;color: #666;}
.terms table{margin-bottom: 60px;border-top: 1px solid #707070;width: 100%;}
.terms table th{padding: 15px 0;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;vertical-align: middle;font-size: 0.88rem;font-weight: 600;color: #666;}
.terms table td{padding: 15px 0 15px 30px;border-bottom: 1px solid #d5d5d5;font-size: 0.88rem;line-height: 1.4em;color: #666;}
.terms table.type2 th:last-child{border-right: none;}
.terms table.type2 td{padding: 15px 0;border-right: 1px solid #d5d5d5;text-align: center;}
.terms table.type2 td:last-child{border-right: none;}
.terms table.type3 td{padding: 20px 0;border-right: 1px solid #d5d5d5;text-align: center;}
.terms table.type3 th:last-child{border-right: none;}
.terms table.type3 td:last-child{border-right: none;}
.terms table.type3 td p{line-height:1.4em;}
.terms table.type3 td p ~ p{margin-top:5px;}
.terms-notice{ margin-bottom:15px; padding-left:4.3vw;font-size:0.88rem; text-indent:-4.3vw}
.terms_area.customer{ margin-top: -25px; margin-bottom: 60px;padding: 30px;border: 1px solid #dedede;overflow-y: scroll;height: 170px;font-size: 14px;line-height: 1.5em;}
.terms-title strong{padding-right:0.5vw;}
.terms-information{margin-bottom:12px;}
.agree > div{display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;padding: 30px 40px;background-color: #f5f5f5;}
.agree p{font-size: 1.13rem;line-height: 1.2em;color: #333;}
.agree .chk{display:flex;align-items:center;}
.agree .chk span{font-size: 0.88rem;}
.agree ul{display: flex;margin-right:20px;}
.agree ul li ~ li{margin-left: 20px;}
.agree ul li label{display:flex;}
.agree ul li span{padding-left: 5px;font-size:1rem;}
.btn_area{margin-top: 50px;}
.btn_area.cen{text-align:center;}
.btn_area ul{display: inline-block;overflow: hidden;}
.btn_area ul li{float: left;}
.btn_area ul li ~ li{margin-left: 10px;}
.btn_area ul li.black button,
.btn_area ul li.black a{background-color: #353535;color: #fff;}
.btn_area ul li.black button:hover,
.btn_area ul li.black a:hover{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button,
.btn_area ul li.white a{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button:hover,
.btn_area ul li.white a:hover{background-color: #353535;color: #fff;}
.btn_area ul li button,
.btn_area ul li a{display: block;border: none;width: 160px;height:50px;font-size: 1rem;font-weight: 600;line-height: 48px;transition: 0.2s; font-family: 'Noto Sans KR', sans-serif;}
.mo-br{ display: inline; padding: 0 ; content: " "; }
.customer-loc-chbox input,
.customer-opt-chbox input{ display: inline-block;margin-right: 6px;}
.customer-opt-chbox{gap: 10px 20px;}
.customer-loc-chbox label{padding-right:24px;}
#hp2,
#hp3{max-width:200px;}
.contact-event{font-size: 1.5rem; text-align: center; margin: 120px auto 100px; color: #000;}
.contact-event strong{position: relative;}
.contact-event strong::after{content: "";position: absolute;bottom: -2px;left: 0;width: 100%;height: 12px;background-color: #c2d2e1; z-index: -1;}

@media all and (max-width:1024px){
	.contact_img{margin-bottom:20px;}
	.bo_tbl table tr th{padding: 20px 10px 20px 20px;font-size:1.15rem;}
	.bo_tbl table tr td{padding: 10px 0;font-size:1.15rem;}
	.bo_tbl table tr td p{font-size:10px;}
	.bo_tbl table tr td input[type="text"],
	.bo_tbl table tr td select{padding: 0 10px;height:35px;font-size: 1rem;}
	.bo_tbl table tr td em{margin: 0 3px;font-size:1.15rem;}
	.bo_tbl table tr td .m_wrap{flex-wrap:wrap;}
	#auth_num{max-width: calc(100% - 65px) !important;}
	#countDown{margin-top:10px;}
	.customer-opt-chbox{gap: 10px 0;}
	.customer-opt-chbox span{width:25%;}
	.terms dl{margin-bottom: 20px;}
	.terms dl dt{margin-bottom: 10px;font-size:1.5rem;}
	.terms dl dd{font-size:1rem;}
	.terms_area.customer{ margin-top: -6vw; margin-bottom:10vw; padding:1.15rem;font-size:1.15rem}
	.terms-title {margin-bottom:0px}
	.terms-title dd strong{display:block; font-size: 3.4vw;}
	.terms-title dd span{display:block; margin-bottom:2.5vw; font-size: 3.4vw; line-height:1.7;}
	.terms-information{margin-bottom:2.5vw;}
	.terms-notice{ margin-bottom:2.5vw;padding-left:3.8vw; font-size:2.8vw; line-height:1.7; text-indent:-3.8vw}
	.terms table{word-break: break-all;table-layout: fixed;}
	.terms table th,
	.terms table td{font-size:1rem;line-height:1.3em;}
	.terms table th{padding:10px 5px;}
	.terms table td{padding:10px 0 10px 15px;}
	.terms table.type2 td,
	.terms table.type3 td{padding:10px 5px;}
	.agree > div{display: block;padding: 20px;}
	.agree .chk{margin-top:1.15rem;}
	.agree ul{margin-right:10px;}
	.agree ul li ~ li{margin-left:1.15rem;}
	.agree ul li label{display:flex;align-items:center;}
	.agree ul li span{font-size: 1.15rem;}
	.agree p{margin-bottom:10px;font-size: 1.15rem;}
	.agree p span{font-size: 1rem;}
	.agree .chk span{font-size:1rem;}
	.type1.mo{display:table;}
	.type2.pc{display:none;}
	.btn_area ul li button, .btn_area ul li a{width:130px;height:40px;font-size: 1.2rem;line-height: 38px;}
	.mo-br{display:block;}
	.customer-loc-chbox input,
	.customer-opt-chbox input{ display: inline-block;margin-right: 2vw;}
	.customer-loc-chbox label{padding-right:8vw;}
    
    .contact-event{font-size: 1.25rem; text-align: center; margin: 80px auto 60px; color: #000;}
    .contact-event strong::after{content: "";position: absolute;bottom: -2px;left: 0;width: 100%;height: 8px;background-color: #c2d2e1; z-index: -1;}
}
@media all and (max-width:600px){
	.sub_tit{margin-bottom: 50px;font-size: 2.2rem;}
	.bo_tbl table col:first-child{width:25% !important;}
	.bo_tbl table tr th{padding:15px 10px 15px 10px;font-size: 1rem;}
	.bo_tbl table tr td input[type="text"],
	.bo_tbl table tr td select,
	.bo_tbl table tr td label{font-size: 0.9rem;}
	.terms{margin-top:50px;}
	.terms table{margin-bottom:50px;}
	.terms dl dd,
	.terms table th,
	.terms table td{font-size: 0.9rem;}
    .contact-event{font-size: 1.25rem; text-align: center; margin: 80px auto 60px; color: #000; line-height: 1.4;}
    .contact-event strong::after{content: "";position: absolute;bottom: -2px;left: 0;width: 100%;height: 8px;background-color: #c2d2e1; z-index: -1;}
}

/*news*/
.search_area{display:flex;justify-content:flex-end;}
.search_area form{display:flex;position:relative;}
.search_area form select{display:none;}
.search_area form input{padding: 0 15px;border: 0;border-bottom: 1px solid #e5e5e5;outline: none;width: 260px;height: 40px;font-size: 1rem;}
.search_area form label{position: absolute;bottom: 12px;left: 15px;font-size: 1rem;color: #999;transition: 0.3s;pointer-events:none;}
.search_area form input:focus + label,
.search_area form input:not(:placeholder-shown) + label{bottom: 40px;font-size:0.875rem;}
.search_area form button{border:none;border-bottom: 1px solid #e5e5e5;width: 40px;height: 40px;background: url(../images_ipark/search-icon.png) no-repeat center;}
.news_tbl{margin-top:40px;border-top: 1px solid #79838d;}
.news_tbl table{width: 100%;table-layout: fixed;}
.news_tbl table td{padding: 30px 5px;border-bottom:1px solid #e5e5e5;text-align:center;}
.news_tbl table td a{display:block;padding-left:20px;overflow: hidden;font-size:1.125rem;color: #333;text-align:left;white-space: nowrap;text-overflow: ellipsis;}
.news_tbl table .num{font-size:0.875rem;font-weight: 300;}
.news_tbl table .name{font-size:0.875rem;}
.news_tbl table .no_data{padding: 100px 0;font-size: 1.125rem;color:#444;text-align:center;}
.notice_subject {display: flex !important; gap: 10px; align-items: center;}
.notice_subject .badge{display: block;width: 30px;height: 13px;background-color:#c30028; font-size: 11px;font-weight: 400;line-height: 11px;color: #fff;text-align: center;transition: 0.4s;border-radius: 3px;opacity: 1;}
.notice_subject .subject{display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis;}

@media all and (max-width:1024px){
	.search_area form{width:100%;}
	.search_area form input{width:calc(100% - 40px);}
	.news_tbl{margin-top:30px;}
	.news_tbl table .no_data{padding: 50px 0;}
	.news_tbl table td{padding: 20px 5px;}
	.news_tbl table td a{padding-left:0px;font-size:1rem;line-height: 1.2em;}
    .notice_subject {gap:5px;}
    .notice_subject .badge{display: block; flex-shrink: 0;width: 13px;height: 13px;background-color:#c30028; font-size: 10px;font-weight: 400;line-height: 11px;color: #fff;text-align: center;transition: 0.4s;border-radius: 3px;opacity: 1;}
    .notice_subject .subject{display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis;}
}
@media all and (max-width:768px){
	.news_tbl col:nth-child(1){width:7%;}
	.news_tbl col:nth-child(3){width:20%;}
	.news_tbl col:nth-child(4){width:20%;}
}

/*pagination*/
.pagination{margin-top: 60px;text-align:center;}
.pagination ul{display:inline-block;}
.pagination ul::after{display:block;clear:both;content:"";}
.pagination ul li{margin: 0 5px;padding: 0 5px; width:40px;float:left;}
.pagination ul li a{display:block;height:40px;font-size: 1.125rem;line-height:40px;color: #333;}
.pagination ul li.on a{border-bottom:1px solid #c30028;font-weight:600;color: #535353;}
.pagination ul li.pg_st{margin-right:5px;}
.pagination ul li.pg_st a{background:url(../images_ipark/pg_start.png) no-repeat center;}
.pagination ul li.pg_ed{margin-left:5px;}
.pagination ul li.pg_ed a{background:url(../images_ipark/pg_end.png) no-repeat center;}
@media (max-width:1200px){
    .pagination{margin-top:30px;}
    .pagination ul li{margin: 0 3px;padding: 0 3px;width:30px;}
    .pagination ul li a{height:30px;font-size:1rem;line-height:30px;}
    .pagination ul li.pg_st{margin-right:5px;}
    .pagination ul li.pg_st a{background:url(../images_ipark/pg_start.png) no-repeat center; background-size: 35%;}
    .pagination ul li.pg_ed{margin-left:5px;}
    .pagination ul li.pg_ed a{background:url(../images_ipark/pg_end.png) no-repeat center; background-size: 35%;}
}

/*tab*/
.con_tab ul{display:flex;margin-bottom:50px;}
.con_tab ul li{border: 1px solid #dedede;max-width:300px;background-color: #f7f7f7;line-height:50px;color: #363e41;text-align:center;transition:0.2s; margin-right: -1px;}
.con_tab ul li a{display:block;width:100%;height:100%;}
.con_tab ul li.on{border: 1px solid #363e41;background-color: #363e41;color:#fff;}
.con_tab ul{justify-content:flex-end;width: 100%;}
.con_tab.tab2 li{width: 50%;}
@media (max-width:1024px){
	.con_tab ul{margin-bottom:30px;}
	.con_tab ul li{line-height:35px;}
}

/*brand story*/
.fp-viewing-1 .subwrap header h1 a,
.fp-viewing-3 .subwrap header h1 a{background-image: url(../images_ipark/logo-wh.svg);}
.fp-viewing-1 .subwrap header .gnb > ul > li > a,
.fp-viewing-3 .subwrap header .gnb > ul > li > a{color:#fff;}
.fp-viewing-1 .subwrap header .open,
.fp-viewing-3 .subwrap header .open{background-color: #fff;color: #000;}
.fp-viewing-1 .subwrap header .tel p,
.fp-viewing-3 .subwrap header .tel p{color:#fff;}
.fp-viewing-1 .subwrap header .nav_btn span,
.fp-viewing-3 .subwrap header .nav_btn span{background-color: #fff;}
.fp-viewing-3 .subwrap header{pointer-events:auto;opacity:1;}
.fp-viewing-2 .subwrap header,
.fp-viewing-1 .subwrap header{pointer-events:none;opacity:0;}
.brand_story .section{overflow: visible;}
.b_s{position:relative;width:100%;height:100%;}
.b_s .box{display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;}
.b_s .txt{text-align:center;}
.b_s .txt .t1{display:flex;justify-content: center;}
.b_s .txt .t1 span{overflow:hidden;position:relative;}
.b_s .txt .t1 span em{display:block;padding-bottom:10px;font-size:0.94rem;font-weight:600;letter-spacing:0.075em;transition:0.6s;transform:translate(0,105%);}
.b_s .txt .t1 span::before{position:absolute;bottom:0;left:0;width:100%;height:1px;transition:0.6s;content:"";transform:scaleX(0);}
.b_s .txt .t2 strong{font-size:3.75rem;font-weight:500;letter-spacing:0.3em;transition:1.2s;opacity:0;filter:blur(20px);}
.b_s .txt .t3 p{overflow:hidden;transition:0.8s;transform:scale(1.1);}
.b_s .txt .t3 p span{display:block;font-size:1.13rem;line-height:2em;letter-spacing:-0.05em;transition:0.8s;transform:translate(0,100%);}
.b_s .txt .t4{margin-top:110px;}
.b_s .txt .t4 span{display:flex;justify-content:center;}
.b_s .txt .t4 span em{display:block;padding: 0 10px;transition:1s;opacity:0;filter:blur(20px);}
.b_s .txt .t4 span em img{display:block;}
.b_s .txt .t5{margin-top:80px;transition:0.8s;opacity:0;transform:translate(0,30%);}
.b_s .txt .t5 img{display:block;margin: 0 auto;}
.b_s .txt.bl .t1 span em,
.b_s .txt.bl .t2 strong,
.b_s .txt.bl .t3 p span{color:#000;}
.b_s .txt.bl .t1 span::before{background-color:#000;}
.b_s .txt.wh .t1 span em,
.b_s .txt.wh .t2 strong,
.b_s .txt.wh .t3 p span{color:#fff;}
.b_s .txt.wh .t1 span::before{background-color:#fff;}
/*b_s_1*/
.b_s_1{overflow:hidden;clip-path: inset(0 0 0 0);}
.b_s_1 .box{position:fixed;top:0;left:0;}
.b_s_1 .txt{transition:1s;}
.b_s_1 .txt .t1{margin-bottom:30px;}
.b_s_1 .txt .t2{margin-bottom:95px;}
.brand_story.on .b_s_1 .txt .t1 span em{transition-delay:0.8s;transform:none;}
.brand_story.on .b_s_1 .txt .t1 span::before{transition-delay:0.8s;transform:none;}
.brand_story.on .b_s_1 .txt .t2 strong{letter-spacing:0em;opacity:1;filter:blur(0px);}
.brand_story.on .b_s_1 .txt .t3 p,
.brand_story.on .b_s_1 .txt .t3 p span{transition-delay:0.3s;transform:none;}
.fp-viewing-1 .b_s_1 .txt{transform:translate(0,-40%);}
/*b_s_2*/
.b_s_2 .box{background-color:#000;}
.b_s_2 .bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.b_s_2 .bg::before{position:absolute;top:0;left:0;width:100%;height:120%;background: linear-gradient(360deg, #000 0%, #000 80%, transparent 100%);background-color:#000;transition:0.8s;content:"";}
.b_s_2 .txt .t1{margin-bottom:90px;}
.b_s_2 .txt .t3 p{transform:none;}
.b_s_2 .txt .t1 span em,
.b_s_2 .txt .t1 span::before,
.b_s_2 .txt .t3 p,
.b_s_2 .txt .t3 p span,
.b_s_2 .txt .t4 span em,
.b_s_2 .txt .t5{transition-delay:0.8s;}
.active .b_s_2 .bg::before{top:-20%;}
.active .b_s_2 .swiper-slide-active .txt .t1 span em{transition-delay:1.1s;transform:none;}
.active .b_s_2 .swiper-slide-active .txt .t1 span::before{transition-delay:1.1s;transform:none;}
.active .b_s_2 .swiper-slide-active .txt .t3 p,
.active .b_s_2 .swiper-slide-active .txt .t3 p span{transition-delay:0.8s;transform:none;}
.active .b_s_2 .swiper-slide-active .txt .t4 span em{padding: 0 0;opacity:1;filter:blur(0px);}
.active .b_s_2 .swiper-slide-active .txt .t4 span .d1{transition-delay:1.4s;}
.active .b_s_2 .swiper-slide-active .txt .t4 span .d2{transition-delay:1.5s;}
.active .b_s_2 .swiper-slide-active .txt .t4 span .d3{transition-delay:1.6s;}
.active .b_s_2 .swiper-slide-active .txt .t5{transition-delay:1.4s;opacity:1;transform:none;}

/* b_s_2 스크롤로 변환 */
.brand_stroy_depth{padding: 200px 20px 0px;}
.brand_story.scroll{overflow: hidden;}
.brand_story.scroll .section:not(.fp-auto-height){height: 100vh;}
.scroll #sec2{height: 120vh;}
.scroll #sec4{height: 85vh;}
.scroll .b_s_1 .box{position: relative; height: 100%;}
.scroll .active .b_s_2 .bg::before{top:0%;}

.brand-pagination{opacity: 0; transition: 1s;}
.active .brand-pagination{opacity: 1; transition-delay: 1.5s;}

.brand-slide-controll{opacity: 0; transition: 1s;}
.active .brand-slide-controll{opacity: 1; transition-delay: 1.5s;}

.brand-pagination{position: absolute; z-index: 40; bottom: 12.5% !important; left: 50% !important; transform: translateX(-50%); width: 100%; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; gap:4px}
.brand-pagination .swiper-pagination-bullet{background: transparent !important; width:10px !important; height: 10px !important; opacity: 1 !important; border:1px solid #fff}
.brand-pagination .swiper-pagination-bullet-active{background: #fff !important;}

.brand-slide-controll{position: absolute;top: 50%;left: 0;width: 100%;display: flex;justify-content: space-between;align-items: center;z-index: 50;padding: 0 15%;}

.brand-slide-controll .next{width: 40px; height: 40px; background: url(../images_ipark/arr-next.svg) no-repeat center; cursor: pointer; background-size: contain;}
.brand-slide-controll .prev{width: 40px; height: 40px; background: url(../images_ipark/arr-prev.svg) no-repeat center; cursor: pointer; background-size: contain;}

@media all and (max-width: 1024px) {
.brand_stroy_depth{padding: 120px 20px 0px;}
.brand-slide-controll{padding: 0 10px;}
.scroll #sec1{height: 80vh;}
.scroll #sec2{height: 100vh;}
.scroll #sec4{height:auto;}
.scroll .b_s_1 .box{height: 80%;}
.brand-slide-controll .next{width: 30px; height: 30px; background: url(../images_ipark/arr-next.svg) no-repeat center; cursor: pointer; background-size: 15px;}
.brand-slide-controll .prev{width: 30px; height: 30px; background: url(../images_ipark/arr-prev.svg) no-repeat center; cursor: pointer; background-size: 15px;}
}


/*b_s_3*/
.b_s_3 .box{position: relative;background-color:#000;}
.b_s_3 .sd1{z-index:1 !important;}
.b_s_3 .sd2{z-index:2 !important;}
.b_s_3 .bg{z-index:1;width:100%;height:100%;transition:1s;transform:scale(1.15);}
.b_s_3 .bg span{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.b_s_3 .bg1 span{background-position:center bottom;background-image:url(../images_ipark/bs-bg1.jpg~ver=5.jpg);transition:1s cubic-bezier(0.4, 0, 1, 1);mask-image: radial-gradient(circle at 0% 0%, #000 0%, #000 25%, transparent 50%, transparent 100%);mask-repeat: no-repeat;mask-size: 0vw;}
.b_s_3 .bg2 span{background-image:url(../images_ipark/bs-bg2.jpg~ver=5.jpg);transition:1s;opacity:0.5;}
.active .b_s_3 .bg1 span{transition-delay:0.3s;mask-size: 400vw;}
.active .b_s_3 .swiper-slide-active .bg,
.fp-viewing-1 .b_s_3 .swiper-slide-active .bg{transition-delay:0.3s;transform:none;}
.active .b_s_3 .swiper-slide-active .bg2 span,
.fp-viewing-1 .b_s_3 .swiper-slide-active .bg2 span{opacity:1;}
.b_s_3_m{display:none;}
.b_s_3_m img{display:block;}

/*b_s_4*/
.b_s_4{background-color:#000;}
.b_s_4 iframe{position: absolute;top: 0;left: -5%;width: 110%;height: 100%;pointer-events:none;}
.b_s_4 .sound{display:flex;gap: 0 10px;align-items: center;position:absolute;right:100px;bottom:30px;z-index:2;cursor:pointer;}
.b_s_4 .sound p{font-size:10px;color:#fff;letter-spacing:0.2em;}
.b_s_4 .sound span{position:relative;}
.b_s_4 .sound span em{display:block;width:16px;height:17px;background:url(../images_ipark/sound-on.png) no-repeat center / contain;}
.b_s_4 .sound ul{display:flex;gap: 0 2px;justify-content:center;position:absolute;top:0;left:0;width:100%;height:17px;opacity:0;}
.b_s_4 .sound ul li{width:3px;height:100%;background-color:#fff;animation: animate-bar 300ms linear infinite alternate;transform-origin: bottom;}
.b_s_4 .sound.on span em{opacity:0;}
.b_s_4 .sound.on ul{opacity:1;}
@media all and (max-width:1500px){
	.b_s .txt .t4 span em img{height:55px;}
}
@media all and (max-width:1024px){
	.b_s .txt .t4 span em img{height:38px;}
	.b_s_4 .sound{right:20px;}
}
@media all and (max-width:768px){
	.b_s .txt .t1 span em{padding-bottom: 8px;font-size:1rem;}
	.b_s .txt .t2 strong{font-size:2.75rem;}
	.b_s .txt .t3 p span{font-size: 1rem;}
	.b_s .txt .t4{margin-top: 40px;}
	.b_s .txt .t4 span em{padding: 0 5px;}
	.b_s .txt .t4 span em img{height:30px;}
	.b_s .txt .t5{margin-top: 40px;}
	.b_s .txt .t5 img{width: 150px;}
	.b_s_1 .txt .t2{margin-bottom:40px;}
	.b_s_2 .txt .t1{margin-bottom: 30px;}
	.b_s_3{display:none;}
	.b_s_3 .bg1 span{background-image:url(../images_ipark/bs-bg1-m.jpg~ver=5.jpg);mask-image:none;opacity:0;}
	.b_s_3 .bg2 span{background-image:url(../images_ipark/bs-bg2-m.jpg~ver=5.jpg);mask-image:none;opacity:0;}
	.b_s_3 .bg2 span{background-position: 57% 50%}
	.active .b_s_3 .bg1 span{opacity:1;}
	.b_s_3_m{display:block;}
}

/*summary*/
.summary img{display:block;width:100%;}
.summary .img{overflow:hidden;position:relative;}
.summary .img img{transition:1.2s;transition-delay: 0.2s;transform:scale(1.1);opacity:0;}
.summary .img::before{position:absolute;top:0;left:0;z-index:1;width:100%;height:15%;background-color:#fff;transition:1s;transition-delay: 0.2s;content:"";transform-origin: 0 0;}
.summary .img::after{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:15%;background-color:#fff;transition:1s;transition-delay: 0.2s;content:"";transform-origin: 0 100%;}
.summary .img .ori{position:absolute;bottom:35px;left:50px;font-size:0.81rem;color:#fff;letter-spacing:-0.05em;transition:0.6s;transition-delay:0.6s;transform:translate(0,100%);opacity:0;}
.summary .txt{padding-top:70px;}
.summary .txt .tit{display:flex;margin-bottom:70px;}
.summary .txt .tit p{padding-bottom:5px;position:relative; font-size:0.94rem;font-weight:600;color:#000;letter-spacing:0.075em;transition:0.6s;transform:translate(0,100%);opacity:0;}
.summary .txt .tit p em{position:absolute;bottom:0;bottom:0;left:0;left:0;width:0;height:1px;background:#000;transition:0.6s;transition-delay:0.4s;}
.summary .txt ul{display:flex;justify-content:space-between;}
.summary .txt ul li dl{display:flex;justify-content:space-between;flex-direction: column;height:100%;}
.summary .txt ul li dl dt{margin-bottom:30px;transition:0.6s;transition-delay:0.4s;opacity:0;transform:translate(0,100%);}
.summary .txt ul li dl dt p{font-size:1.5rem;font-weight:600;color:#000;letter-spacing:-0.05em;}
.summary .txt ul li dl dt span{display:block;margin-top:5px;font-size:1rem;color:#000;letter-spacing:-0.06em;}
.summary .txt ul li dl dd{font-size:1rem;color:#000;letter-spacing:-0.06em;transition:0.6s;transition-delay:0.7s;opacity:0;transform:translate(0,100%);}
.summary .img.active img,
.summary .img.active .ori,
.summary .txt.active .tit p,
.summary .txt.active ul li dl dt,
.summary .txt.active ul li dl dd{transform:none;opacity:1;}
.summary .txt.active .tit p em{width:100%;}
.summary .img.active::before,
.summary .img.active::after{transform: scaleY(0);}
@media all and (max-width:1400px){
	.summary .txt ul li dl dt p{font-size: 1.2rem;}
	.summary .txt ul li dl dt span{font-size:0.9rem;}
}
@media all and (max-width:1024px){
	.summary .img .ori{margin-top:10px;position:static;font-size:10px;line-height:1.3em;color:#000;}
	.summary .txt{padding-top: 60px;}
	.summary .txt .tit{margin-bottom:40px;}
	.summary .txt ul{display:block;}
	.summary .txt ul li ~ li{margin-top:30px;}
	.summary .txt ul li dl dt{margin-bottom:15px;}
}

/*pre4*/
.pre4 img{display:block;width:100%;}
.pre4 .tit{margin-bottom:160px;}
.pre4 .tit p{overflow:hidden;font-size:3.75rem;font-weight:500;line-height:1.2em;color:#000;}
.pre4 .tit p span{display:block;transition:0.8s;transform:translate(0,100%);}
.pre4 ul li{display:flex;justify-content:space-between;}
.pre4 ul li ~ li{margin-top:150px;}
.pre4 ul li:nth-child(even) .txt{width:40.3%;}
.pre4 .img{overflow:hidden;position:relative;width:40.3%;}
.pre4 .img img{transition:1.2s;opacity:0;transform:scale(1.15);}

.pre4 .img::before{position:absolute;top:0;left:0;z-index:1;width:100%;height:20%;background-color:#fff;transition:1s;content:"";transform-origin: 0 0;}
.pre4 .img::after{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:20%;background-color:#fff;transition:1s;content:"";transform-origin: 0 100%;}

.pre4 .txt{padding-top:90px;}
.pre4 .txt span{display:block;font-size:1.5rem;color:#000;transition:0.8s;transition-delay:0.4s;opacity:0;transform:translate(0,100%);}
.pre4 .txt strong{display:block;margin-top:25px;font-size:2.5rem;font-weight:500;line-height:1.38em;color:#000;transition:0.8s;transition-delay:0.7s;opacity:0;}
.pre4 ul li:nth-child(odd) .txt strong{transform:translate(-10%,0);}
.pre4 ul li:nth-child(even) .txt strong{transform:translate(10%,0);}
.pre4 .txt p{margin-top:70px;font-size:1.25rem;line-height:1.6em;color:#000;letter-spacing:-0.05em;transition:0.8s;transition-delay:1s;opacity:0;}
.pre4 ul li:nth-child(odd) .txt p{transform:translate(-10%,0);}
.pre4 ul li:nth-child(even) .txt p{transform:translate(10%,0);}
.pre4 .tit.active span,
.pre4 ul li.active .img img,
.pre4 ul li.active .txt span,
.pre4 ul li.active .txt strong,
.pre4 ul li.active .txt p{transform:none;opacity:1;}
.pre4 ul li.active .img::before,
.pre4 ul li.active .img::after{transform: scaleY(0);}
@media all and (min-width: 2000px){
	.pre4 .txt{padding-top: 10%;}
	.pre4 .txt span{font-size: 2rem;}
	.pre4 .txt strong{font-size: 3.2rem;}
	.pre4 .txt p{font-size: 1.4rem;}
}
@media all and (max-width:1200px){
	.pre4 .txt strong{font-size: 2rem;}
	.pre4 .txt p{font-size: 1.1rem;}
}
@media all and (max-width:768px){
	.pre4 .tit{margin-bottom:70px;}
	.pre4 .tit p{font-size:2.5rem;}
	.pre4 ul li{display:block;}
	.pre4 ul li ~ li{margin-top: 80px;}
	.pre4 ul li:nth-child(even){display:flex;flex-direction: column-reverse;}
	.pre4 .img{width:100%;}
	.pre4 ul li:nth-child(even) .txt{width:100%;}
	.pre4 .txt{margin-bottom:50px;padding-top:0;}
	.pre4 .txt span{font-size: 1.6rem;transition-delay:0s;}
	.pre4 .txt strong{margin-top: 15px;font-size:2.3rem;transition-delay:0.3s;}
	.pre4 .txt p{margin-top: 25px;transition-delay:0.6s;}
}

/*map*/
.map{display:flex;align-items:center;justify-content:space-between;border: 1px solid #e7e7e8;transition:0.6s;opacity:0;}
.map img{display:block;width:100%;}
.map .lef{margin-bottom: -5%;padding-left:65px;}
.map .lef .tit{margin-bottom:65px;font-size:2.19rem;font-weight:600;line-height:1.23em;color:#000;}
.map .lef .tit p{overflow:hidden;}
.map .lef .tit p span{display:block;transition:0.6s;transform:translate(0,100%);}
.map .lef .link .box ~ .box{margin-top:30px;}
.map .lef .link dl dt{font-size:1.25rem;font-weight:500;color:#000;letter-spacing:-0.05em;transition:0.6s;transition-delay:0.4s;opacity:0;transform:translate(0,100%);}
.map .lef .link dl dd{margin-top:10px;font-size:1rem;color:#4b5055;letter-spacing:-0.05em;transition:0.6s;transition-delay:0.6s;opacity:0;transform:translate(0,100%);}
.map .lef .link ul{display:flex;gap: 0 10px;margin-top:10px;}
.map .lef .link ul li{transition:0.6s;opacity:0;transform:translate(100%,0);}
.map .lef .link ul li:nth-child(1){transition-delay:0.8s;}
.map .lef .link ul li:nth-child(2){transition-delay:0.9s;}
.map .lef .link ul li:nth-child(3){transition-delay:1s;}
.map .lef .link ul li a{display:block;}
.map .lef .tel{margin-top:60px;transition:0.6s;transition-delay:1.2s;opacity:0;transform:translate(0,100%);}
.map .lef .tel p{font-family:"Jost";font-size:1.125rem;font-weight:500;color:#000;letter-spacing:0.01em;}
.map .rig{overflow:hidden;width:75%;max-width:1143px;}
.map .rig img{transition:1s;transform:scale(1.1);}
.map.active,
.map.active .rig img,
.map.active .lef .tit p span,
.map.active .lef .link dl dt,
.map.active .lef .link dl dd,
.map.active .lef .link ul li,
.map.active .lef .tel{opacity:1;transform:none;}

.map+.bus {margin:30px 70px 0; letter-spacing: -0.05em; color: #000; opacity: 0; transform: translateX(-5%); transition: 1s;}
.map+.bus .title{font-size: 1.25rem; margin-bottom: 12px; font-weight: 600;}
.map+.bus .info{font-size: 1rem; color: #4b5055; line-height: 1.4;}

.map+.bus.active{transform: none; opacity: 1;}

@media all and (min-width: 2000px){
	.map .rig{width:70%;max-width:100%;}
}
@media all and (max-width:1400px){
	.map .lef{margin-bottom:0;padding-left: 40px;}
	.map .lef .tit{margin-bottom: 40px;font-size: 2rem;}
	.map .lef .tel{margin-top: 40px;}
}
@media all and (max-width:1200px){
	.map .lef .tit{margin-bottom: 25px;font-size: 1.8rem;}
	.map .lef .link .box ~ .box{margin-top: 20px;}
	.map .lef .link dl dt{font-size: 1.1rem;}
	.map .lef .link dl dd{margin-top: 5px;font-size: 0.9rem;}
	.map .lef .link ul li{width:25px;}
	.map .lef .tel{margin-top:30px;}
	.map .rig{width:70%;}
    .map+.bus .title{font-size: 1.2rem; margin-bottom: 10px; font-weight: 600;}
    .map+.bus {margin: 20px 0px 0;}
}
@media all and (max-width:1024px){
	.map{display:block;}
	.map .lef{padding: 40px 0 40px 30px;}
	.map .lef .tit{margin-bottom: 30px;font-size: 2rem;}
	.map .lef .link .box ~ .box{margin-top: 30px;}
	.map .lef .link dl dt{font-size:1.2rem;}
	.map .lef .link dl dd{margin-top: 10px;font-size: 1rem;}
	.map .lef .tel p{font-size:1.2rem;}
	.map .rig{width:100%;}
}

/*mojip*/
.mojip{padding-bottom:255px;position:relative;}
.mojip img{display:block;width:100%;}
.mojip .top{display:flex;}
.mojip .top .lef{overflow:hidden;width:56.25%;}
.mojip .top .lef img{width:100%;height:100%;transition:1s;object-fit: cover;opacity:0;transform:scale(1.1);}
.mojip .top .rig{display:flex;align-items:center;justify-content:center;padding: 80px 0;width:43.75%;background-color:#363e41;transition:0.8s;opacity:0;}
.mojip .top .rig .txt{text-align:center;}
.mojip .top .rig .txt dl{margin-bottom:60px;}
.mojip .top .rig .txt dl dt{margin-bottom:35px;transition:0.8s;transition-delay:0.4s;opacity:0;transform:translate(0,100%);}
.mojip .top .rig .txt dl dt img{margin:0 auto;width:83px;}
.mojip .top .rig .txt dl dd{font-size:1.88rem;font-weight: 500;line-height:1.2em;color:#fff;transition:0.8s;transition-delay:0.6s;opacity:0;transform:translate(0,50%);}
.mojip .top .rig .txt .file li{transition:0.8s;opacity:0;transform:translate(-10%,0);}
.mojip .top .rig .txt .file li:nth-child(1){transition-delay:0.8s;}
.mojip .top .rig .txt .file li:nth-child(2){transition-delay:0.9s;}
.mojip .top .rig .txt .file li:nth-child(3){transition-delay:1s;}
.mojip .top .rig .txt .file li ~ li{margin-top:15px;}
.mojip .top .rig .txt .file li a{display:block;padding: 0 40px;overflow:hidden;position:relative;position:relative;width:400px;font-size:1.38rem;font-weight:600;line-height:3.18em;color:#363e41;text-align:left;transition:0.3s;border-radius: 50px; font-family: 'Noto Sans KR';}
.mojip .top .rig .txt .file .co1 a{background-color:#fff;}
.mojip .top .rig .txt .file .co2 a{background-color:#d2dce6;}
.mojip .top .rig .txt .file .co3 a{background-color:#40484b; color: #61686b;}
.mojip .top .rig .co2 span{text-wrap: nowrap;}


.mojip .top .rig .txt .file li:not(.co3) a::before{margin-top:-8.5px;position:absolute;top:50%;right:40px;z-index:1;width:10px;height:17px;background:url(../images_ipark/mojip-arr.png) no-repeat center /  contain;content:"";}
.mojip .top .rig .txt .file li.co3 a::before{margin-top:-8.5px;position:absolute;top:50%;right:40px;z-index:1;width:10px;height:17px;background:url(../images_ipark/mojip-arr2.png) no-repeat center /  contain;content:"";}
.mojip .top .rig .txt .file li:not(.co3) a:hover{background-color:#4b5055;color:#fff;}
.mojip .bot{box-shadow: 10px 10px 10px rgba(0,0,0,0.1);position:absolute;bottom:0;left:50%;width:100%;max-width:1200px;transition:0.6s;transition-delay:1.2s;transform:translate(-50%,0);opacity:0;}
.mojip.active .top .lef img,
.mojip.active .top .rig,
.mojip.active .top .rig .txt dl dt,
.mojip.active .top .rig .txt dl dd,
.mojip.active .top .rig .txt .file li{opacity:1;transform:none;}
.mojip.active .bot{opacity:1;}

/* 새 모집 */
.mojip .top .rig.new{padding: 40px 0 50px}
.mojip .top .rig.new .txt dl{margin-bottom: 10px;}

.mojip .recuritment{display: flex; gap:3%; align-items: center;} 
.mojip .recuritment a{line-height: 3.18em; height: 3.18em;}
.mojip .recuritment a:first-of-type{width: 100% !important;}

.mojip .top .rig.recurit .txt .file li.recuritment a{padding: 0 25px;}
.mojip .top .rig.recurit .txt .file li.recuritment a:first-of-type::before{right: 25px;}

.mojip .top .rig .txt .file li.recuritment a:last-of-type{width: 25%;font-size: 1.38rem;line-height: 3.18em; padding: 0px 20px;flex-shrink: 0;height: 3.18em;display: flex;flex-direction: column;justify-content: center; align-items: center; gap: 0.1em;}

.mojip .recuritment a:last-of-type span{font-size: 0.95rem; line-height: 1.2 !important;}
/* .mojip .recuritment a:first-of-type::before{right: 20px !important;} */
.mojip .recuritment a:last-of-type::before{display: none;}

@media all and (min-width: 2200px){
	.mojip{padding-bottom: 15%;}
	.mojip .top .rig .txt dl dt img{width: 100px;}
	.mojip .top .rig .txt dl dd{font-size: 2.2rem;}
	.mojip .top .rig .txt .file li ~ li{margin-top:20px;}
	.mojip .top .rig .txt .file li a{width: 500px;font-size: 1.4rem;}
	.mojip .bot{max-width:70%;}
}
@media all and (max-width:1400px){
	.mojip .top .rig{padding: 50px 0 80px;}
}
@media all and (max-width:1200px){
	.mojip{padding-bottom:0;}
	.mojip .top .rig{padding: 50px 0;}
	.mojip .bot{position:static;transform:none;}
	.mojip .top .rig .txt .file li a{width:320px;}
}
@media all and (max-width:1024px){
	.mojip .top{display:block;}
	.mojip .top .lef,
	.mojip .top .rig{width:100%;}
	.mojip .top .rig{display:block;padding: 35px 40px;}
	.mojip .top .rig .txt dl{margin-bottom:20px;}
	.mojip .top .rig .txt dl dt{margin-bottom:15px;}
	.mojip .top .rig .txt dl dt img{width: 50px;}
	.mojip .top .rig .txt dl dd{font-size: 1.5rem;}
	.mojip .top .rig .txt .file li ~ li{margin-top:10px;}
	.mojip .top .rig .txt .file li a{padding:0;padding-right:25px;width:100%;font-size:1.25rem;text-align:center;}
	.mojip .top .rig .txt .file li:not(.co3) a::before,
	.mojip .top .rig .txt .file li.co3 a::before{margin-top:-5px;right:30px;width: 6px;height: 10px;}
	.mojip .bot{display:none;}

    .mojip .top .rig.recurit{padding: 35px 20px;}

    .mojip .top.recurit{padding: 35px 20px;}
    .mojip .top .rig .txt .file li.recuritment a:last-of-type{width: 35%;}

    .mojip .recuritment p{display: flex;justify-content: center;align-items: flex-start;gap: 2px;flex-direction: column;height: 100%;padding-left: 20px;}
    .mojip .top .rig.recurit .txt .file li.recuritment a{padding: 0;}
    .mojip .recuritment a:first-of-type::before{right: 20px !important;}
    .mojip .recuritment a:first-of-type span{font-size: 1.05rem; line-height: 1.2 !important;}
    .mojip .recuritment a:last-of-type span{font-size: 0.85rem; line-height: 1.2 !important; text-wrap: nowrap;}
}


/*architect*/
/* .architect{padding:165px 20px 0;overflow:hidden;} */
.architect{padding:200px 20px 200px;overflow:hidden;}
.architect .sub_tab{border-bottom: none; margin-bottom: 0px; position: relative; z-index: 5;}
.architect ._m{display:none;}
.architect .line{position:absolute;background-color:#ccc;transition:1.2s;}
.architect .line.m{display:none;}
.architect .line1{top:0;left:0;width:100%;height:1px;transform:scaleX(0);}
.architect .line2{bottom:0;left:0;width:1px;height:100%;transform:scaleY(0);transform-origin:0 0;}
.architect .line3{bottom:0;left:0;width:100%;height:1px;transform:scaleX(0);}
.architect .lef .line3{transform-origin:100% 0;}
.architect .rig .line3{transform-origin:0 0;}
.architect .line4{bottom:0;left:0;width:100%;height:1px;transform:scaleX(0);}
.architect .area1{display:flex;position:relative;}
.architect .area1 .lef,
.architect .area1 .rig{position:relative;width:50%;}
.architect .area1 .t_box{padding:80px 0;position:relative;}
.architect .area1 .rig .t_box{text-align:right;}
.architect .area1 .t_box .t1{display:flex;margin-bottom:75px;}
.architect .area1 .rig .t_box .t1{justify-content:flex-end;}
.architect .area1 .t_box .t1 span{overflow:hidden;position:relative;}
.architect .area1 .t_box .t1 span::before{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000;transition:0.6s;content:"";transform:scaleX(0);}
.architect .area1 .t_box .t1 span em{display:block;padding-bottom:10px;font-size:0.94rem;font-weight:600;color:#000;letter-spacing:0.075em;transition:0.6s;transform:translate(0,105%);}
.architect .area1 .t_box .t2{margin-bottom:30px;font-size:2.5rem;color:#000;transition:0.6s;transition-delay:0.2s;opacity:0;transform:translate(0,80%);}
.architect .area1 .t_box .t3{margin-bottom:65px;font-size:3.13rem;color:#000;transition:0.6s;transition-delay:0.4s;opacity:0;transform:translate(0,30%);}
.architect .area1 .t_box .t3 strong{font-weight:500;}
.architect .area1 .t_box .t4 p{overflow:hidden;}
.architect .area1 .t_box .t4 .mg{margin-top:17px;}
.architect .area1 .t_box .t4 p span{display:block;font-size:1.125rem;line-height:1.56em;color:#1e1d1c;letter-spacing:-0.075em;transition:0.6s;transition-delay:0.6s;transform:translate(0,100%);}
.architect .area1 .t_box .t5{margin-bottom:45px;font-size:2.5rem;line-height:50px;color:#000;letter-spacing:0.025em;transition:0.6s;opacity:0;transform:translate(0,20%);}
.architect .area1 .t_box .t5 span{font-size:2.81rem;font-weight:500;}
.architect .area1 .rig .t_box .t5 span{font-family: 'meiryo';}
.architect .area1 .t_box .t6{margin-bottom:70px;font-size:1.5rem;line-height:1.2em;color:#9a9a9a;letter-spacing:-0.05em;transition:0.6s;transition-delay:0.2s;opacity:0;transform:translate(0,80%);}
.architect .area1 .i_box{display:flex;flex-direction: column;padding:175px 0;}
.architect .area1 .lef .i_box{align-items: flex-start;padding-right:20px;}
.architect .area1 .rig .i_box{align-items: flex-end;padding-left:20px;}
.architect .area1 .i_box .img img{display:block;}
.architect .area1 .i_box .img span{display:block;overflow:hidden;position:relative;}
.architect .area1 .i_box .img span::before{position:absolute;top:0;left:0;z-index:1;width:100%;height:15%;background-color:#fff;transition:1s;transition-delay:0.2s;content:"";transform-origin: 0 0;}
.architect .area1 .i_box .img span::after{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:15%;background-color:#fff;transition:1s;transition-delay:0.2s;content:"";transform-origin:0 100%;}
.architect .area1 .i_box .img span img{width:100%;transition:1.2s;transition-delay:0.2s;transform:scale(1.2);opacity:0;}
.architect .area1 .i_box .typo{padding-top:100px;position:relative;z-index:2;mix-blend-mode: multiply;}
.architect .area1 .lef .i_box .typo{margin-top:-135px;}
.architect .area1 .rig .i_box .typo{margin-top:-140px;}
.architect .area1 .i_box .typo img{margin: 0 0 0 auto;transition:0.8s;transform:translate(0,60%);opacity:0;}
.architect .area1 .lef .i_box dl{padding-top:140px;}
.architect .area1 .rig .i_box dl{padding-top:110px;}
.architect .area1 .i_box dl dt{font-size:1.25rem;font-weight:500;color:#000;transition:0.8s;opacity:0;transform:translate(10%,0);}
.architect .area1 .i_box dl dd{margin-top:20px;font-size:1rem;line-height:1.56em;color:#9a9a9a;transition:0.8s;transition-delay:0.2s;opacity:0;transform:translate(10%,0);}
.architect .area2{padding:115px 20px 140px;}
.architect .area2 img{display:block;margin: 0 auto;transition:1s;opacity:0;transform:scale(1.1);}
.architect .area2 .m{display:none;}
.architect .line.mo.active{transform:none;}
.architect .area1 .t_box.mo.active .t1 span::before,
.architect .area1 .t_box.mo.active .t1 span em,
.architect .area1 .t_box.mo.active .t2,
.architect .area1 .t_box.mo.active .t3,
.architect .area1 .t_box.mo.active .t4 p span,
.architect .area1 .t_box.mo.active .t5,
.architect .area1 .t_box.mo.active .t6,
.architect .area1 .i_box .img span.mo.active img,
.architect .area1 .i_box .typo.mo.active img,
.architect .area1 .i_box dl.mo.active dt,
.architect .area1 .i_box dl.mo.active dd{transform:none;opacity:1;}
.architect .area1 .i_box .img span.mo.active::before,
.architect .area1 .i_box .img span.mo.active::after{transform:scaleY(0);}
.architect .area2 img.mo.active{opacity:1;transform:none;}
@media all and (min-width:2000px){
	.architect .area1 .i_box .txt{width:75%;}
	.architect .area1 .i_box .typo{padding-top:25%;}
	.architect .area1 .t_box .t5{line-height: 1.3em;}
	.architect .area1 .rig .i_box .typo{margin-top:-32%;}
	.architect .area1 .lef .i_box .typo{margin-top: -32%;}
	.architect .area1 .rig .i_box .typo img{width:75%;}
	.architect .area1 .lef .i_box .typo img{width:55%;}
	.architect .area2 img{width:80%;}
}
@media all and (max-width:1400px){
	.architect .area1 .t_box .t2{font-size: 2.2rem;}
	.architect .area1 .t_box .t3{font-size:3rem;}
	.architect .area1 .t_box .t5{font-size:2.3rem;line-height: 45px;}
	.architect .area1 .t_box .t5 span{font-size:2.5rem;}
	.architect .area1 .t_box .t6{font-size: 1.35rem;}
	.architect .area1 .rig .i_box .typo img{max-width: 75%;}
	.architect .area1 .lef .i_box .typo img{max-width: 55%;}
}
@media all and (max-width:1200px){
	.architect .area1 .t_box .t2{font-size: 2rem;}
	.architect .area1 .t_box .t3{font-size:2.7rem;}
	.architect .area1 .t_box .t4 p span{font-size:1rem;}
	.architect .area1 .t_box .t5{font-size:2rem;line-height: 40px;}
	.architect .area1 .t_box .t5 span{font-size: 2.2rem;}
	.architect .area1 .t_box .t6{font-size: 1.2rem;}
}
@media all and (max-width:1024px){
	.architect .area1 .w_4{width:40%;}
	.architect .area1 .w_6{width:60%;}
	.architect .area1 .t_box{padding:60px 0;}
	.architect .area1 .t_box .t1{margin-bottom:40px;}
	.architect .area1 .t_box .t2{margin-bottom: 25px;font-size: 1.9rem;}
	.architect .area1 .t_box .t3{margin-bottom:40px;font-size: 2.5rem;}
	.architect .area1 .t_box .t4 p span{font-size:0.9rem;}
	.architect .area1 .t_box .t5{margin-bottom: 30px;font-size: 1.8rem;line-height: 30px;}
	.architect .area1 .t_box .t5 span{font-size: 2rem;}
	.architect .area1 .t_box .t6{margin-bottom: 40px;font-size: 1.1rem;}
	.architect .area1 .i_box{padding-top:120px;}
	.architect .area1 .rig .i_box dl{padding-top: 90px;}
	.architect .area1 .lef .i_box dl{padding-top: 100px;}
	.architect .area1 .rig .i_box .typo{margin-top: -125px;}
	.architect .area2{padding: 100px 20px;}
}
@media all and (max-width:768px){
	.architect{padding: 120px 20px 0;}
	.architect ._p{display:none;}
	.architect ._m{display:block;}
	.architect .line2{width:100%;height:1px;transform:scaleX(0);transform-origin:50% 0;}
	.architect .line4{display:none;}
	.architect .line.m{display:block;}
	.architect .area1{flex-direction: column;}
	.architect .area1 .lef, .architect .area1 .rig{width:100% !important;}
	.architect .area1 .t_box{padding: 45px 0;}
	.architect .area1 .t_box .t1{margin-bottom: 30px;}
	.architect .area1 .t_box .t2{margin-bottom: 15px;font-size: 1.45rem;}
	.architect .area1 .t_box .t3{margin-bottom: 35px;font-size: 2.1rem;}
	.architect .area1 .t_box .t4 .mg{margin-top:10px;}
	.architect .area1 .t_box .t4 p span{font-size: 0.85rem;}
	.architect .area1 .t_box .t5{margin-bottom: 25px;font-size: 1.5rem;line-height: 25px;}
	.architect .area1 .t_box .t5 span{font-size: 1.7rem;}
	.architect .area1 .t_box .t6{margin-bottom:30px;}
	.architect .area1 .i_box{padding: 60px 0;}
	.architect .area1 .rig .i_box{padding-left:0;}
	.architect .area1 .lef .i_box{padding-right:0;}
	.architect .area1 .i_box .typo{padding-top:0;}
	.architect .area1 .rig .i_box .typo{margin-top:0;transform: translate(0, -45%);}
	.architect .area1 .lef .i_box .typo{margin-top:0;transform: translate(0, -35%);}
	.architect .area1 .lef .rig .i_box .typo img{max-width: 75%;}
	.architect .area1 .rig .lef .i_box .typo img{max-width: 55%;}
	.architect .area1 .rig .i_box dl{padding-top:30px;}
	.architect .area1 .lef .i_box dl{padding-top:30px;}
	.architect .area1 .i_box dl dd{margin-top: 10px;font-size: 0.9rem;}
	.architect .area2{padding: 50px 20px;}
	.architect .area2 .p{display:none;}
	.architect .area2 .m{display:block;}
}

.sub_tab{display:flex;justify-content:space-between;margin-bottom:80px;border-bottom: 1px solid #eaeaea;}
.sub_tab .tab_br{display:none;width: 100%;}
.sub_tab p{font-size:2.5rem;font-weight:600;color:#000;}
.sub_tab ul{display:flex;gap: 0 40px;}
.sub_tab ul li{position:relative;}
.sub_tab ul li .badge{position:absolute;top:-5px;left:50%;width: 30px;height: 14px;background-color:#c30028;font-size: 11px;line-height: 14px;color: #fff;text-align: center;transform:translate(-50%,0);border-radius: 3px;}
.sub_tab ul li a{display:block;padding: 25px 0 40px;position:relative;font-size:1.125rem;color: #8c8c8c;transition:0.3s;}
.sub_tab ul li a::before{position:absolute;bottom:-3px;left:0;width:100%;height:5px;background-color:#363e41;transition:0.3s;content:"";transform:scaleX(0);}
.sub_tab ul li.active a{font-weight:500;color:#000;}
.sub_tab ul li.active a::before{transform:none;}

.check_point{text-align:center;}
.check_point .box{display:none;}
.check_point .box.on{display:block;}

@media all and (max-width:768px){
	.sub_tab{display:block;margin-bottom:50px;}
	.sub_tab p{padding-bottom:20px;font-size: 2rem;}
	.sub_tab ul{gap: 10px 15px;flex-wrap: wrap;}
	.sub_tab ul li a{padding: 10px 0;font-size:1.1rem; letter-spacing: -0.025em;}
	.sub_tab ul li a::before{bottom: -2px;height: 3px;}
	.sub_tab ul li .badge{top:-10px;}
}
@media all and (max-width:510px){
	.sub_tab .tab_br.tb_510{display:block;}
}

/* 이벤트 당첨자 */
/* tab 유니트3 */
.floorplan_tab{margin:60px 0 55px;border-top:1px solid #363e41;border-bottom:1px solid #363e41;}/* tab 라인 색변경*/
.floorplan_tab ul{display:flex;gap: 80px;justify-content: center;}
.floorplan_tab ul li a{display:block;position:relative; font-size: 17px;line-height:60px;color:#4b5055; letter-spacing: -0.05em;}
.floorplan_tab ul li.active a{color:#4b5055}/* 폰트색변경*/
.floorplan > li.active{display:flex;}
.floorplan_tab ul li.active a:before{display:inline-block;margin-left:-3px;;border-bottom:6px solid #363e41;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;bottom:-1px;left:50%;content:"";}/* tab 화살표색변경*/
.floorplan_tab ul li a span strong{font-weight:600;}
.floorplan_tab ul li a span em{font-family:'Noto Sans KR';font-size:18px;}
.floorplan{padding-bottom:90px;}
.floorplan > li{display:none;}
.floorplan > li .lef_box{width:25%;}
.floorplan > li .rig_box{display:flex;align-items: center;width:75%;}
.floor_info .info_top{padding:50px 0 40px;background:#363e41 url(../images_ipark/sub11-bg.png?ver=1) no-repeat center top;background-size:cover;text-align:center;}
.floor_info .info_top .floor_area{font-family:'Noto Sans KR';font-size:2.5rem;color:#fff;}
.floor_info .info_top .floor_area span{display:inline-block;font-family:'Jost';font-size:3.75rem;}
.floor_info .info_top .floor_area span strong{font-weight:600;}
.floor_info .info_top .floor_area span em{font-family:'Noto Sans KR';font-size:2.5rem;}
.floor_info .info_top p{margin:15px 0 20px;font-size:1.25rem;line-height:1.3em;color:#363e41;}
.floor_info .info_top > span{font-size:1.75rem;font-weight:600;color:#fff;}
.floor_info .info_bot{padding: 30px;background-color:#f7f3ea;}
.floor_info .info_bot ul li{display:flex;justify-content: space-between;padding:0 10px;border-bottom:1px solid #dedad6;font-size:1.125rem;line-height:36px;color:#2a2d2e;}
.floor_info .info_bot ul li:last-child{border-bottom:none;}
.keymap img{width:100%;}
.floor_type1,
.floor_type2{width:50%;text-align:center;}

/* 이벤트 당첨자 */
.event-box {padding:0 85px;}
.event-box p{margin-bottom:40px;font-size:20px;font-weight:500;line-height:1.3em;color:#555;text-align:center;}
.event-box:after {display:block;clear:both;content:'';}
.event-box li{display: none; gap: 50px; justify-content: center;}
.event-box li.active{display: flex;}
.event-box table { width: 100%;max-width: 670px;}
.event-box table th, .event-box table td {padding:14px 0;font-size:15px;text-align:center;}
.event-box table th {border:1px solid #ccc;border-top:none;background:#363e41;font-weight:400;color:#fff;}
.event-box table td {border:1px solid #ccc;color:#333;}

@media all and (max-width:670px){
    .event-box {padding:0px;}
    .event-box p{margin-bottom:30px;font-size:18px;}
    .event-box li{ gap: 0px;flex-direction: column;}
    .event-box .e-rig th{display: none;}
    .floorplan_tab ul{display:flex;gap: 30px;justify-content: center;}
    .floorplan_tab ul li a{display:block;position:relative; font-size: 14px;line-height:60px;color:#4b5055; letter-spacing: -0.05em;}
}

@media all and (min-width: 670px){
    .__cell{ display: none !important;}
}

/* 탭메뉴 박스 */
.tab_menu_wrap{display: flex; justify-content: center; border-bottom: 1px solid #ccc; width: 100%; height: 80px; box-sizing: border-box; max-width:1200px; margin: 0 auto;}

.tab_menu_wrap li{width: auto; position: relative;  height: 100%; display: flex; justify-content: center; align-items: center; padding:0 48px; cursor: pointer; user-select: none;}
.tab_menu_wrap li:not(:last-of-type)::after{ position: absolute; top: 50%; right: 0; width: 1px; height: 16px; background: #ccc;content: ''; transform: translateY(-50%); opacity: 1;}


.tab_menu_wrap li span{ position: relative; font-size: 20px; font-weight: 700; font-weight: 400;line-height: 78px; color: #8c8c8c; text-align: center; transition: color 0.3s;}
.tab_menu_wrap li.active span{ font-weight: 700; color: #000;}

.tab_box_wrap{margin-top:100px;}
.tab_box_wrap .tab_box{display: none;}
.tab_box_wrap .tab_box.active{display: block;}
.tab_box_wrap .tab_box img{display: block; margin: 0 auto;}
.tab_box_wrap .tab_box img~img{margin-top: 80px;}
.content_img_wrap{max-width: 1200px; margin: 0 auto; position: relative;}

@media (max-width: 1200px){
    .tab_menu_wrap{height: 60px;}
    .tab_menu_wrap li{padding:0 20px;}
    .tab_menu_wrap li span{font-size: 1.5rem; line-height: 58px;}
    .tab_menu_wrap li:not(:last-of-type)::after{height: 12px;}
    .tab_box_wrap{margin-top:40px;}
    .tab_box_wrap .tab_box img~img{margin-top: 40px;}
}

@media (max-width: 768px){
    .tab_menu_wrap{height: 80px; display: grid; grid-template-columns: repeat(3, 1fr);}
    .tab_menu_wrap.line2 li{width: 100%; height: 100%;}
    .tab_menu_wrap.line2 li:nth-child(3n)::after {display: none;}
    .tab_menu_wrap li span{font-size: 1.1rem; line-height: 1.15;}
    .tab_menu_wrap li:not(:last-of-type)::after{height: 12px;}
    .tab_box_wrap{margin-top:40px;}
    .tab_box_wrap .tab_box img~img{margin-top: 40px;}
}

/* 조경설계 탭메뉴 */
.complex-tab-wrap{border-top:1px solid #ccc; border-bottom:1px solid #ccc; height: 80px; box-sizing: border-box; display: flex; justify-content: space-between;}
.complex-tab-wrap li{font-size: 20px; display: flex; justify-content: center; align-items: center; cursor: pointer; width: 100%; height: 100%; color: #000; position: relative; font-weight: 600;}
.complex-tab-wrap li~li::before{content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 16px; background: #ccc; transform: translateY(-50%);}
.complex-tab-wrap li span{transition: 1s; text-align: center; opacity: 0.3;}
.complex-tab-wrap li.active span{opacity: 1;}

.complex-tab-box{max-width: 1200px; width: 100%; margin: 0 auto; }
.complex-tab-box .item{display: none; color: #000; margin-top: 150px;}
.complex-tab-box .item.active{display: block;}

.complex-tab-box .box~.box{margin-top: 150px;}
.complex-tab-box .item .top-title {display: flex; margin-bottom: 100px;}
.complex-tab-box .item .top-title p{line-height: 1.2em; overflow: hidden;}
.complex-tab-box .item .top-title .lef{width: 435px; flex-shrink: 0; font-weight: 600; font-family: 'Sofia Pro', 'Inter', 'Noto Sans KR';}
.complex-tab-box .item .top-title .lef p:first-of-type{font-size: 1.25rem; margin-bottom: 32px;}
.complex-tab-box .item .top-title .lef p:last-of-type{font-size: 2.5rem;}
.complex-tab-box .item .top-title .lef p:last-of-type strong{display:block;overflow:hidden;font-weight: 600;}
.complex-tab-box .item .top-title .lef p:last-of-type strong ~ strong span{animation-delay: .4s !important;}
.complex-tab-box .item .top-title .lef p:last-of-type em{font-size:2rem;font-weight: 500;}
.complex-tab-box .item .top-title .rig p{font-size: 1.125rem; letter-spacing: -0.025em;}
.complex-tab-box .item .top-title .rig p~p{margin-top: 20px;}


@media (max-width:1024px){
    .complex-tab-wrap{height: 60px;}
    .tab_menu_wrap li{font-size: 1.5rem; line-height: 58px;}
    .complex-tab-box .item .top-title .lef{width: 100%;}
    .complex-tab-box .item .top-title .lef p:first-of-type{font-size: 1.15rem; font-weight: 600;}
    .complex-tab-box .item .top-title .lef p:last-of-type{font-size: 2.3rem; font-weight: 600;}
	.complex-tab-box .item .top-title .lef p:last-of-type em{font-size:1.8rem;}
    .complex-tab-box .item .top-title {display: flex; margin-bottom: 50px; flex-direction: column; gap: 30px;}
}

@media (max-width: 768px){
    .complex-tab-wrap{height: 50px;}
    .complex-tab-wrap li{font-size: 1.1rem;}
    .complex-tab-wrap li~li::before{height: 12px;}
    .complex-tab-box .item{margin-top: 60px;}
    .complex-tab-box .box~.box{margin-top: 90px;}
    .complex-tab-box .item .top-title {display: flex; margin-bottom: 50px; flex-direction: column; gap: 30px;}
    .complex-tab-box .item .top-title .lef p:first-of-type{font-size: 1.1rem; margin-bottom: 15px;}
    .complex-tab-box .item .top-title .lef p:last-of-type{font-size: 2.2rem;}
    .complex-tab-box .item .top-title .rig p{font-size: 1rem;}
    .complex-tab-box .item .top-title .rig p~p{margin-top: 5px;}
}

.complex-tab-box .item .top-title .lef p:first-of-type span{display: block; transform: translateY(120%);}
.complex-tab-box .item .top-title .lef p:last-of-type span{display: block; transform: translateY(120%);}
.complex-tab-box .item .top-title .rig p span{display: block; transform: translateY(120%);}

.complex-tab-box .item .box.active .top-title .lef p:first-of-type span{animation: txtSwiper 0.5s forwards;}
.complex-tab-box .item .box.active .top-title .lef p:last-of-type span{animation: txtSwiper 0.5s forwards; animation-delay: .2s;}
.complex-tab-box .item .box.active .top-title .rig p span{animation: txtSwiper 0.5s forwards; animation-delay: .6s;}

.complex-tab-box .item .box .img-wrap{opacity: 0; transition: 1s;}
.complex-tab-box .item .box .img-wrap > img{transform: scale(1.15); transition: 1s;}
.complex-tab-box .item .box .img-wrap::after{content: ''; display: block; width: 15%; height: 110%; right: -5%; top: -5%; background-color: #fff; position: absolute; transition: 1s; z-index: 5;}
.complex-tab-box .item .box .img-wrap::before{content: ''; display: block; width: 15%; height: 110%; left: -5%; top: -5%; background-color: #fff; position: absolute; transition: 1s; z-index: 5;}

.complex-tab-box .item .box.active .img-wrap{opacity: 1;}
.complex-tab-box .item .box.active .img-wrap > img{transform: scale(1);}
.complex-tab-box .item .box.active .img-wrap::before{left: -15%;}
.complex-tab-box .item .box.active .img-wrap::after{right: -15%;}



/* 커뮤니티 */
.community-wrap{margin-top: 280px; overflow: hidden;}
.community-wrap .item .title-wrap{display: flex; align-items: flex-start; gap: 120px;}
.community-wrap .title-wrap{color: #000; margin-bottom: 100px;}
.community-wrap .title-wrap .lef{font-size: 2.5rem; line-height: 1; font-weight: 600;}
.community-wrap .title-wrap .lef p~p{margin-top: 0rem;}

.community-wrap .item~.item:not(.roll){margin-top: 160px;}
.community-wrap .item.roll{margin-top: 320px;}
.community-wrap .title-wrap .rig {margin-top: 10px;}
.community-wrap .title-wrap .rig .title{font-size: 1.375rem; margin-bottom: 24px; font-weight: 700;}
.community-wrap .title-wrap .rig ul li{font-size: 1.125rem; line-height: 1.1em; letter-spacing: -0.025em;}
.community-wrap .title-wrap .rig ul li~li{margin-top: 0.875rem;}

.community-wrap .item.roll{position: relative; display: flex; flex-direction: column; gap: 30px;}
.community-wrap .item .swiper-container{width: 100%; overflow: hidden;}

.community-wrap .top-section{display: flex; color: #000;}
.community-wrap .top-section .num{display: block;width: 70px;font-size: 1.5rem;font-weight: 600;font-family: 'Outfit';transform: translateY(5px);}

.community-wrap .top-section .swiper-slide{display: flex;  gap: 60px;}
.community-wrap .top-section .title{font-size: 2.5em; font-weight: 500; line-height: 1.05em; overflow: hidden;}
.community-wrap .top-section ul li{font-size: 1.125rem; line-height: 1.1em; letter-spacing: -0.025em; overflow: hidden;}
.community-wrap .top-section ul li~li{margin-top: 0.875rem;}

.community-wrap .top-section span{display: block; transform: translateY(120%); letter-spacing: -0.05em;}
.community-wrap .top-section .swiper-slide-active .title span{animation: txtSwiper 0.4s forwards;}
.community-wrap .top-section .swiper-slide-active ul li span{animation: txtSwiper 0.4s forwards; animation-delay: .2s;}
.community-wrap .top-section .num{position: relative;}
.community-wrap .top-section .num p{opacity: 0; transition: 0.4s; position: absolute; top: 0; left: 0;}
.community-wrap .top-section .num p.active{opacity: 1;}

.community-wrap .navigation{display: flex;height: 40px;width: 88px;justify-content: space-around;transform: translateX(-15px); margin-left: 70px;}
.community-wrap .navigation .prev, .community-wrap .navigation .next{width: 100%; height: 100%; position: relative; background-size: 7px 11px; background-repeat: no-repeat; cursor: pointer;}
.community-wrap .navigation .prev{background-image: url(../images_ipark/sub55-arr-prev.png); background-position: center;}
.community-wrap .navigation .prev::after{width: 1px; height: 11px; content: ''; display: block; background-color: #ccc; position: absolute; top: 14px; right: 0;}
.community-wrap .navigation .next{background-image: url(../images_ipark/sub55-arr-next.png); background-position: center;}

.community-wrap .thumb{display: flex; width: 474px; justify-content: space-between; height: 50px; position: absolute; top: 0; right: 0;}
.community-wrap .thumb .thumb_item{width: 90px; height: 50px; position: relative; opacity: 0.3; transition: 0.4s;}
.community-wrap .thumb .bg{width: 100%; height: 100%; border: 1px solid #000; position: absolute; top: 0; left: 0; opacity: 0;  transition: 0.4s;}
.community-wrap .thumb .thumb_item.active{opacity: 1;}
.community-wrap .thumb .thumb_item.active .bg{opacity: 1;}
.community-wrap .concierge-precaution{margin-left: 70px;}


.community-wrap .bot-section{margin-left: 70px;}

.community-wrap .item.roll::before{content: ''; display: block; width: 100%; height: 1px; background-color: #ccc; position: absolute; top: 0; left: 0; z-index: -1; top: -160px;}


@media all and (max-width:1200px){
    .community-wrap .item.roll{gap: 0;}
    .community-wrap .roll .thumb{position: relative; margin-left: 0px; margin-top: 15px; order:2;}
    .community-wrap .title-wrap .lef{font-size: 2.3rem;}
    .community-wrap .bot-section{margin-left: 0; order: 1;}
    .community-wrap .bot-section img{width: 100%; height: 100%; object-fit: cover;}
    .community-wrap .navigation{margin: 30px auto; justify-content: center; order:3;}
    .community-wrap .top-section{margin-left: 0; order: 4;}
    .community-wrap .title-wrap .rig {margin-top: 0px;}
    .community-wrap .concierge-precaution{order: 5; margin-left: 0;}
}
@media all and (max-width:1024px){
	.community-wrap .title-wrap .lef{font-size: 2.5rem;}
	.community-wrap .img-wrap img{width: 100%; height: 100%; object-fit: cover;}
    .community-wrap .item .title-wrap{flex-direction: column; gap:40px;}
    .community-wrap .item:not(.roll) .img-wrap{height: 360px;}
    .community-wrap .img-wrap img{height: 100%; object-fit: cover;}
}
@media all and (max-width:768px){
    .community-wrap{margin-top: 120px;}
    .community-wrap .item~.item:not(.roll){margin-top: 90px;}
    .community-wrap .item.roll{margin-top: 140px;}
    .community-wrap .item .title-wrap{flex-direction: column; gap: 30px; margin-bottom: 50px;}
	.community-wrap .title-wrap .lef{font-size:2rem;}
    .community-wrap .title-wrap .lef p~p{margin-top: 0rem;}
    .community-wrap .title-wrap .rig ul li{font-size: 1rem;}
    .community-wrap .item.roll{gap: 0;}
    .community-wrap .item.roll::before{top: -60px;}
    .community-wrap .thumb{position: relative; order:2; margin-left: 0 !important;}
    .community-wrap .roll .top-section .num{margin-bottom: 20px; height: 20px; width: 30px;}
    .community-wrap .top-section .swiper-slide{flex-direction: column; gap: 20px;}
    .community-wrap .top-section{margin-left: 0; order: 4;}
    .community-wrap .bot-section{margin-left: 0; order: 1;}
    .community-wrap .thumb{width: 100%; gap: 8px; height: auto; margin-top: 12px;}
    .community-wrap .thumb .thumb_item{width: auto; height: auto;}
    .community-wrap .navigation{margin: 30px auto; justify-content: center; order:3;}
    .community-wrap .top-section .title{font-size: 2.3rem;}
    .community-wrap .top-section ul li{font-size: 1.1rem;}
    .community-wrap .item:not(.roll) .img-wrap{height: 260px;}
}

/* 커뮤니티 모션 */
.community-wrap .item .title-wrap .lef p{overflow: hidden; line-height: 1.4em;}
.community-wrap .item .title-wrap .lef span{transform: translateY(120%); display: block;}
.community-wrap .item .title-wrap .rig p,
.community-wrap .item .title-wrap .rig li{overflow: hidden; line-height: 1.2em;}
.community-wrap .item .title-wrap .rig span{transform: translateY(120%); display: block;}
.community-wrap .item.active .title-wrap .lef span{animation: txtSwiper 0.4s forwards;}
.community-wrap .item.active .title-wrap .rig .title span{animation: txtSwiper 0.4s forwards; animation-delay: 0.2s;}
.community-wrap .item.active .title-wrap .rig ul li span{animation: txtSwiper 0.4s forwards; animation-delay: 0.4s;}

.community-wrap .item:not(.roll) .img-wrap{opacity: 0; transition: 1s; overflow: hidden;}
.community-wrap .item:not(.roll) .img-wrap > img{transform: scale(1.15); transition: 1s;}
.community-wrap .item:not(.roll) .img-wrap::after{content: ''; display: block; width: 15%; height: 100%; right: 0; top: 0%; background-color: #fff; position: absolute; transition: 1s; z-index: 5;}
.community-wrap .item:not(.roll) .img-wrap::before{content: ''; display: block; width: 15%; height: 100%; left: 0; top: 0%; background-color: #fff; position: absolute; transition: 1s; z-index: 5;}

.community-wrap .item.active .img-wrap{opacity: 1;}
.community-wrap .item:not(.roll).active .img-wrap > img{transform: none;}
.community-wrap .item:not(.roll).active .img-wrap::before{left: -15%;}
.community-wrap .item:not(.roll).active .img-wrap::after{right: -15%;}
:not(.roll)

.community-wrap .roll .top-section {transform: translateX(-15%); transition: 1s; opacity: 0;}
.community-wrap .roll .navigation {transform: translateX(-15%); transition: 1s; opacity: 0;}
.community-wrap .roll .bot-section {transform: translateX(15%); transition: 1s; transition-delay: 0.2s; opacity: 0;}
.community-wrap .roll .thumb {transform: translateX(15%); transition: 1s; transition-delay: 0.2s; opacity: 0;}
.community-wrap .roll.active .top-section {transform: translateX(0); opacity: 1;}
.community-wrap .roll.active .navigation {transform: translateX(0); opacity: 1;}
.community-wrap .roll.active .bot-section {transform: translateX(0); opacity: 1;}
.community-wrap .roll.active .thumb {transform: translateX(0); opacity: 1;}

/* 컨시어지 */
.img-wrap{position: relative; overflow: hidden;}
.img-cut{position: absolute; bottom:15px; font-size: 14px; color: #fff; opacity: 0.5; left: 15px; z-index: 5;}
.img-cut.right{right: 15px; left: auto;}

.complex-title{position: relative;}
.complex-title .en-tit{font-size: 3.75rem; line-height: 1.2em; color: #000; font-weight: 500; margin-bottom: 60px;}
.complex-title .ko-tit{font-size: 1.875rem; line-height: 1.6em; color: #000; font-weight: 400; letter-spacing: -0.025em; margin-bottom: 190px;}
.complex-title.nostripe .ko-tit{margin-bottom: 120px;}
.complex-title:not(.nostripe)::after{width: 100%; height: 1px; background: #ccc; position: absolute; bottom:-110px; left: 0; content: '';}

.concierge-box .title-wrap .num{display:block;font-family:"Outfit";font-size:1.75rem;color:#000;transition:0.8s;transition-delay:0.4s; font-weight: 600;}
.concierge-box .title-wrap .title{display:block;margin-top:25px; font-size:3.125em;font-weight:500;line-height:1.2em;color:#000;transition:0.8s; margin-bottom: 100px;}

.concierge-box .info-wrap{display: flex; gap: 55px; align-items: center;}
.concierge-box .catchprise{font-size: 2.5rem; letter-spacing: -0.025em; color: #000; font-weight: 500;}
.concierge-box .detail{font-size:1.25rem;line-height:1.6em;color:#000;letter-spacing:-0.05em;transition:0.8s;transition-delay:1s;}

.concierge-box:not(.item3){margin-bottom: 200px; position: relative;}
.concierge-box:not(.item3)::after{width: 100%; height: 1px; background: #ccc; position: absolute; bottom: -200px; left: 0; content: '';}

.concierge-box~.concierge-box{padding-top: 80px;}

.concierge-box.item1 .img-wrap{margin-bottom: 60px;}

.concierge-box .item{display: flex; justify-content: space-around;}
.concierge-box .item~.item{margin-top: 100px;}
.concierge-box .item >div{width: 50%;}

.concierge-box .item .img{display: flex;}
.concierge-box .item .lef.img{justify-content: flex-start;}
.concierge-box .item .rig.img{justify-content: flex-end;}
.concierge-box .item .catchprise {margin: 40px 0 50px;}

.concierge-box .item .txt{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 180px;}

.concierge-box .icon-wrap{width: auto; height: 40px;}
.concierge-box .icon-wrap img{width: auto; height: 40px; opacity: 0.2;}
.concierge-box .icon-wrap.type2{width: auto; height: 30px;}
.concierge-box .icon-wrap.type2 img{width: auto; height: 30px; opacity: 0.2;}

@media (max-width: 1200px){
    .concierge-box:not(.item3){margin-bottom: 100px;}
    .concierge-box:not(.item3)::after{bottom: -100px;}
    .concierge-box~.concierge-box{padding-top: 80px;}
    .concierge-box .title-wrap .title{font-size:2.75rem; margin-bottom: 60px;}
    .concierge-box .catchprise{font-size: 2.3rem;}
    .concierge-box .item{justify-content: space-between;}
    .concierge-box .item .txt{padding-left: 0px;}
    .concierge-box .item~.item{margin-top: 80px;}
    .concierge-box .item > div{width: 45%;}
}

@media (max-width: 768px){
    .concierge-box:not(.item3){margin-bottom: 50px;}
    .concierge-box:not(.item3)::after{bottom: -50px;}
    .concierge-box~.concierge-box{margin-top: 20px;}
    .complex-title .en-tit{font-size: 2.5rem; margin-bottom: 30px;}
    .complex-title .ko-tit{font-size: 1.25rem; margin-bottom: 100px;}
    .complex-title.nostripe .ko-tit{margin-bottom: 60px;}
    .complex-title:not(.nostripe):after{bottom:-60px;}
    .concierge-box .title-wrap .title{font-size:2.3rem;margin-bottom: 50px;}
    .concierge-box .catchprise{font-size: 2rem;}
    .img-cut.right{font-size: 10px;}
}


.concierge-box .roll-wrap{display: flex; justify-content: space-between;}
.concierge-box .swiper-container{width: 100%; height: 100%; overflow: hidden;}


/* 텍스트 롤링 */
.concierge-box .roll-wrap .txt-swiper{width: 40%;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;}
.concierge-box .roll-wrap .txt-swiper .swiper-container{height: 220px;}

.concierge-box .roll-wrap .txt-swiper .swiper-slide .title{
    font-size: 40px; margin-bottom: 40px; font-weight: 500; color: #000; overflow: hidden;
}
.concierge-box .roll-wrap .txt-swiper .swiper-slide .title span{display: block; transform: translateY(120%);}
.concierge-box .roll-wrap .txt-swiper .swiper-slide-active .title span{animation: txtSwiper 0.4s forwards;}

.concierge-box .roll-wrap .txt-swiper .swiper-slide .detail li{font-size: 20px; line-height: 36px; color: #000; overflow: hidden;}
.concierge-box .roll-wrap .txt-swiper .swiper-slide .detail li span{display: block; transform: translateY(120%); opacity: 0;}
.concierge-box .roll-wrap .txt-swiper .swiper-slide-active .detail li span{animation: txtSwiper2 0.4s forwards; animation-delay: .4s;}


@keyframes txtSwiper {
    0% {transform: translateY(120%);}
    100% {transform: translateY(0);}
}
@keyframes txtSwiper2 {
    0% {transform: translateY(120%); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
}


/* 네비게이션 */
.concierge-box .roll-wrap .navigation{display: flex;height: 40px;width: 88px;justify-content: space-around;transform: translateX(-20px);}
.concierge-box .roll-wrap .navigation .prev, .concierge-box .roll-wrap .navigation .next{width: 100%; height: 100%; position: relative; background-size: 7px 11px; background-repeat: no-repeat; cursor: pointer;}
.concierge-box .roll-wrap .navigation .prev{background-image: url(../images_ipark/sub55-arr-prev.png); background-position: center;}
.concierge-box .roll-wrap .navigation .prev::after{width: 1px; height: 11px; content: ''; display: block; background-color: #ccc; position: absolute; top: 14px; right: 0;}
.concierge-box .roll-wrap .navigation .next{background-image: url(../images_ipark/sub55-arr-next.png); background-position: center;}

/* 이미지 롤링 */
.concierge-box .roll-wrap .img-swiper{width: 720px; display: flex; flex-shrink: 0;}
.concierge-box .roll-wrap .thumb{display: flex; justify-content: space-between; align-items: flex-start; width: 100px; height: 670px; flex-shrink: 0; flex-direction: column; margin-right: 12px;}
.concierge-box .roll-wrap .thumb > div{width: 100px; height: 100px; position: relative; cursor: pointer;}
.concierge-box .roll-wrap .thumb > div > img{opacity: 0.3; transition: 0.6s;}
.concierge-box .roll-wrap .thumb > div > .border{width: 100%; height: 100%; border: 1px solid #000; box-sizing: border-box; position: absolute; top: 0; left: 0; transition: 0.6s; opacity: 0; box-sizing: border-box;}
.concierge-box .roll-wrap .thumb > div.active > img{opacity: 1;}
.concierge-box .roll-wrap .thumb > div.active > .border{opacity: 1;}
.concierge-box .roll-wrap .img-swiper .swiper-container{width: 670px; flex-shrink: 0;}
.concierge-box .roll-wrap .img-swiper .swiper-slide img{width: 100%; height: 100%; }
.concierge-precaution{font-size: 14px; line-height: 24px; letter-spacing: -0.025em; color: #000; margin-top: 30px;}

@media (max-width: 1200px){
    .concierge-box .roll-wrap .img-swiper{width: 100%; flex-shrink: 5; justify-content: flex-end;}
    .concierge-box .roll-wrap .img-swiper .swiper-container{width: 550px; height: 550px;}
    .concierge-box .roll-wrap .thumb{width: 80px; height: 100%;}
    .concierge-box .roll-wrap .thumb > div {width: 100%; position: relative; height: auto;}
    .concierge-box .roll-wrap .thumb > div::before {content: ""; display: block; padding-top: 100%;}
    .concierge-box .roll-wrap .thumb > div > * {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}

@media (max-width: 1024px){
    .concierge-box .roll-wrap .thumb{width: 50px; height: 100%;}
    .concierge-box .roll-wrap .img-swiper .swiper-container{width: 350px; height: 350px;}

}


@media (max-width: 768px){
    .concierge-box.item1 .img-wrap{margin-bottom: 50px;}
    .concierge-box .info-wrap{gap: 10px; flex-direction: column; align-items: flex-start;}
    .concierge-box .detail{font-size: 1.1rem;}

    .concierge-box .roll-wrap .navigation{transform: none;}
    .concierge-box .roll-wrap{flex-direction: column;}
    .concierge-box .roll-wrap .txt-swiper{width:100%; order: 2; align-items:center; gap: 20px;}
    .concierge-box .roll-wrap .txt-swiper .navigation{order:1}
    .concierge-box .roll-wrap .txt-swiper .swiper-container{order:2; height: auto;}
    .concierge-box .roll-wrap .txt-swiper .swiper-slide .title{font-size: 2.3rem;margin-bottom: 20px;line-height: 1.2em;}
    .concierge-box .roll-wrap .txt-swiper .swiper-slide .detail li{font-size: 1.1rem; line-height: 1.6;}
    .concierge-box .roll-wrap .img-swiper {flex-direction: column; width: 100%; gap: 12px;}
    .concierge-box .roll-wrap .thumb {width: 100%; height: auto; flex-direction: row; margin-right: 0; margin-bottom: 20px; order: 2; gap: 8px;}
    .concierge-box .roll-wrap .thumb > div {width: 100%; position: relative; height: auto;}
    .concierge-box .roll-wrap .thumb > div::before {content: ""; display: block; padding-top: 100%;}
    .concierge-box .roll-wrap .thumb > div > * {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .concierge-box .roll-wrap .img-swiper .swiper-container{width: 100%; height: auto;}
    .concierge-box .roll-wrap .img-swiper .swiper-slide {width: 100%; height: 0; padding-bottom: 100%;}
    .concierge-box .roll-wrap .img-swiper .swiper-slide > div {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

    .concierge-box .roll-wrap .img-swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
    .concierge-precaution{font-size: 0.875rem; line-height: 1.4; letter-spacing: -0.025em; color: #000; margin-top: 40px; text-indent: -8px; padding-left: 8px;}
    .concierge-precaution p~p{margin-top: 4px;}

    .concierge-box .item{flex-direction: column; gap:50px;}
    .concierge-box .item > div{width: 100%;}
    .concierge-box .item .img{order: 1;}
    .concierge-box .item .txt{order: 2;}

    .item2 .item .img-wrap{width: 100%; height: 0; padding-bottom: 65%; position: relative;}
    .item2 .item .img-wrap > img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
    .concierge-box .item .catchprise{margin: 20px 0 20px;}
    .concierge-box .item .detail{font-size: 1.1rem;}

    .concierge-box .icon-wrap{width: auto; height: 30px;}
    .concierge-box .icon-wrap img{width: auto; height: 30px; opacity: 0.2;}
    .concierge-box .icon-wrap.type2{width: auto; height: 20px;}
    .concierge-box .icon-wrap.type2 img{width: auto; height: 20px; opacity: 0.2;}
}


.complex-title p{overflow: hidden;}
.complex-title .en-tit span{display: block; transform: translateY(110%); transition: 0.8s;}
.complex-title .ko-tit span{display: block; transform: translateY(110%); transition: 0.8s; transition-delay: .2s;}

.complex-title.active .ko-tit span,
.complex-title.active .en-tit span{transform: none;}

.concierge-box .num{transition: 0.8s; transform: translateY(50%); opacity: 0;}
.concierge-box .title{transition: 0.8s; transform: translateX(-10%); transition-delay: .2s; opacity: 0;}
.concierge-box.active .num,
.concierge-box.active .title{opacity: 1; transform: none;}


.concierge-box.item1 .img-wrap{opacity: 0; transition: 1s;}
.concierge-box.item1 .img-wrap > img{transform: scale(1.15); transition: 1s;}
.concierge-box.item1 .img-wrap::after{content: ''; display: block; width: 15%; height: 110%; right: -5%; top: -5%; background-color: #fff; position: absolute; transition: 1s;}
.concierge-box.item1 .img-wrap::before{content: ''; display: block; width: 15%; height: 110%; left: -5%; top: -5%; background-color: #fff; position: absolute; transition: 1s;}

.concierge-box.item1.active .img-wrap{opacity: 1;}
.concierge-box.item1.active .img-wrap > img{transform: scale(1);}
.concierge-box.item1.active .img-wrap::before{left: -15%;}
.concierge-box.item1.active .img-wrap::after{right: -15%;}

.info-wrap {overflow: hidden;}
.info-wrap .catchprise{transform: translateX(-40px); transition: .8s; transition-delay: .5s; opacity: 0;} 
.info-wrap .detail{transform: translateX(-40px); transition: .8s; transition-delay: .7s; opacity: 0;}
.active .info-wrap .catchprise, .active .info-wrap .detail{transform: none; opacity: 1;}

.item2 .item .img-wrap{opacity: 0; transition: 1s; overflow: hidden;}
.item2 .item .img-wrap > img{transform: scale(1.15); transition: 1s;}
.item2 .item .img-wrap::after{content: ''; display: block; width: 100%; height: 15%; left: 0; top: -5%; background-color: #fff; position: absolute; transition: 1s;}
.item2 .item .img-wrap::before{content: ''; display: block; width: 100%; height: 15%; left: 0%; bottom: -5%; background-color: #fff; position: absolute; transition: 1s;}

.item2 .item.active .img-wrap{opacity: 1;}
.item2 .item.active .img-wrap > img{transform: none;}
.item2 .item.active .img-wrap::after{top: -15%;}
.item2 .item.active .img-wrap::before{bottom: -15%;}

.item2 .txt .icon-wrap{transform: translateX(-15%); transition: 0.8s;transition-delay: 0.6s; opacity: 0;}
.item2 .txt .catchprise{transform: translateX(-15%); transition: 0.8s;transition-delay: 0.7s; opacity: 0;}
.item2 .txt .detail{transform: translateX(-15%); transition: 0.8s;transition-delay: 0.8s; opacity: 0;}

.item2 .item.active .txt .icon-wrap{transform: none; opacity: 1;}
.item2 .item.active .txt .catchprise{transform: none; opacity: 1;}
.item2 .item.active .txt .detail{transform: none; opacity: 1;}

.concierge-box .roll-wrap .img-swiper{transform: translateX(15%); transition: 1s; opacity: 0; transition-delay: .7s;}
.concierge-box .roll-wrap .txt-swiper{transform: translateX(-15%); transition: 1s; opacity: 0; transition-delay: .7s;}

.concierge-box.active .roll-wrap .img-swiper{transform: none; opacity: 1;}
.concierge-box.active .roll-wrap .txt-swiper{transform: none; opacity: 1;}

.complex-title::after{width: 0; transition: 1s; transition-delay: 1s;}
.complex-title.active::after{width: 100%;}

.concierge-box:not(.item3)::after{width: 0; transition: 1s; transition-delay: 1s;}
.concierge-box.active:not(.item3)::after{width: 100%;}

/* 웰니스 */
.wellness-wrap{position: relative; margin-top: 160px;}
.wellness-wrap p:not(.subtitle){overflow: hidden;}
.wellness-wrap .item{display: flex; justify-content: space-between;}
.wellness-wrap .item~.item{margin-top: 150px;}
.wellness-wrap .item > div{width: 530px; flex-shrink: 0;}
.wellness-wrap .item .txt{padding-top: 130px; color: #000;}
.wellness-wrap .item .txt .subtitle{margin-bottom: 80px; position: relative; letter-spacing: 0.075em;}
.wellness-wrap .item .txt .subtitle span{position: relative;}
.wellness-wrap .item .txt .subtitle span::after{content: ''; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; bottom: -10px; left: 0; z-index: -1;}
.wellness-wrap .item .txt .title{font-size: 3.125rem; line-height: 1.2em; font-weight: 600; margin-bottom: 80px;}
.wellness-wrap .item .txt .detail{font-size: 1.25rem; line-height: 1.2em;}
.wellness-wrap .item .txt .detail p~p{margin-top: 0.6rem;}
.wellness-wrap .img-wrap{position: relative;}
.wellness-wrap .img-wrap img{width: 100%; height: 100%; object-fit: cover;}
.wellness-wrap .line{width: 1px; height: calc(100% + 140px); background-color: #ccc; position: absolute; top: -70px; right: calc(50% + 1px);}

@media (max-width: 1200px){
    .wellness-wrap .item > div{width: 45%;}
    .wellness-wrap .item{align-items: center;}
    .wellness-wrap .item .txt{padding-top: 0;}
}
@media (max-width: 768px){
    .wellness-wrap{position: relative; margin-top: 80px;}
    .wellness-wrap .item{flex-direction: column; gap: 60px;}
    .wellness-wrap .item > div{width: 100%;}
    .wellness-wrap .item .txt {order:1}
    .wellness-wrap .item .img {order:2}
    .wellness-wrap .item .txt .subtitle{margin-bottom: 40px; font-size: 0.94rem;}
    .wellness-wrap .item .txt .subtitle span::after{bottom: -5px;}
    .wellness-wrap .item .txt .title{font-size: 2.2rem; margin-bottom: 40px;}
    .wellness-wrap .item .txt .detail{font-size: 1.1rem;}
    .wellness-wrap .item~.item{margin-top: 120px;}

.wellness-wrap .line{width: 100%; height: 1px; top: 50.5%; right: 0;}
}

.wellness-wrap .item .img-wrap{opacity: 0; transition: 1s; overflow: hidden;}
.wellness-wrap .item .img-wrap > img{transform: scale(1.15); transition: 1s;}
.wellness-wrap .item .img-wrap::after{content: ''; display: block; width: 100%; height: 15%; left: 0; top: -5%; background-color: #fff; position: absolute; transition: 1s;}
.wellness-wrap .item .img-wrap::before{content: ''; display: block; width: 100%; height: 15%; left: 0%; bottom: -5%; background-color: #fff; position: absolute; transition: 1s;}

.wellness-wrap .item.active .img-wrap{opacity: 1;}
.wellness-wrap .item.active .img-wrap > img{transform: none;}
.wellness-wrap .item.active .img-wrap::after{top: -15%;}
.wellness-wrap .item.active .img-wrap::before{bottom: -15%;}

.wellness-wrap .item .subtitle{transform: translateX(-10%); transition: 0.8s; transition-delay: 0.4s; opacity: 0;}
.wellness-wrap .item p:not(.subtitle) span{transform: translateY(120%); display: block;}

.wellness-wrap .item.active .subtitle{transform: none; opacity: 1;}
.wellness-wrap .item.active .title span{animation: txtSwiper 0.6s forwards; animation-delay: 0.6s;}
.wellness-wrap .item.active .detail p span{animation: txtSwiper 0.6s forwards; animation-delay: 0.8s;}

/* 단지안내 - 시스템 */
.system-wrap{margin-top: 140px;}
.system-wrap p{overflow: hidden;}
.system-wrap .main-title{font-size: 2.5rem; margin-bottom: 95px; letter-spacing: -0.025em; color: #000; line-height: 1.2em; font-weight: 500;}
.system-grid{display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; border-top: 1px solid #ccc; letter-spacing: -0.025em; color: #000;}
.system-grid .box{height: 0; padding-top: 100%; position: relative;}
.system-grid .box {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.system-grid .box:nth-child(3n) {border-right: none;}
.system-grid .box .item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 70px;}

.system-grid .icon-wrap{text-align: center; height: 120px; margin-bottom: 50px;}
.system-grid .icon-wrap img{width: 100%; height: 100%; object-fit: contain;}
.system-grid .title{margin-bottom: 30px;}
.system-grid .title p{font-size: 1.5rem; line-height: 1.2em; font-weight: 600;}
.system-grid .detail p{font-size: 1rem; line-height: 1.75;}
.system-grid .detail p~p{margin-top: 0.4rem;}




.system-wrap .main-title span{display: block; transform: translateY(120%); }
.system-wrap .main-title.active span{animation: txtSwiper 0.8s forwards; animation-delay: 0.2s;}

.system-grid .box .item{transform: translateY(10%); opacity: 0; transition: 1s;}
.system-grid .box .item.active{transform: none; opacity: 1;}

@media (min-width: 1025px){
    .system-grid .box:nth-child(3n+1) .item {transition-delay: 0s;}
    .system-grid .box:nth-child(3n+2) .item {transition-delay: 0.2s;}
    .system-grid .box:nth-child(3n) .item {transition-delay: 0.4s;}
    .system-grid br.__t{display: none !important;}
}

@media (max-width: 1200px){
    .system-wrap{margin-top: 120px;}
    .system-grid .box .item{padding: 40px 20px;}
    .system-grid .icon-wrap{height: 60px; margin-bottom: 10px;}
    .system-grid .title{margin-bottom: 20px;}
}

@media (max-width: 860px){
    .complex-title.system .en-tit{margin-bottom: 10px;}
    .system-wrap{margin-top: 10px;}
    .system-wrap .main-title{font-size: 2rem; margin-bottom: 40px;}
    .system-grid{grid-template-columns: repeat(2, 1fr);}
    .system-grid .box{height: 0; padding-top: 145%; text-align: center;}
    .system-grid .box .item{padding: 10px;}
    .system-grid .title{margin-bottom: 15px; text-wrap: nowrap;}
    .system-grid .icon-wrap{height: 60px; margin-bottom: 20px;}
    .system-grid .box:nth-child(3n) {border-right: 1px solid #ccc;}
    .system-grid .box:nth-child(2n) {border-right: none;}
    .system-grid .title p{font-size: 1.15rem;line-height: 1.2em;font-weight: 600;}
    .system-grid .detail p{font-size: 0.975rem; line-height: 1.6;}
    .system-grid .box:nth-child(2n) .item {transition-delay: 0.2s;}
}

/* 사업개요 - 입지환경 */
.complex-title.locpre .ko-tit{margin-bottom: 0;}
.sub-map{margin-top: 50px;}
.loc-item-wrap{display: grid; grid-template-columns: repeat(2, 640px); color: #000; justify-content: space-between; margin-top: 130px; row-gap: 120px;}

.loc-item-wrap .box .top{padding-left: 50px; position: relative; margin-bottom: 60px; overflow: hidden;}
.loc-item-wrap .box .top::before{width: 1px; height: 0; background: #ccc; position: absolute; top: 0; left: 0; content: '';}
.loc-item-wrap .title{font-size: 1.5rem; line-height: 1.5em; margin-bottom: 20px; font-weight: 600;}
.loc-item-wrap .detail{font-size: 1.125rem; line-height: 1.75em;}

@media (max-width: 1300px){
    .loc-item-wrap{grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 100px;}
    .loc-item-wrap .box .top{padding-left: 30px; position: relative; margin-bottom: 40px;}
    .loc-item-wrap .title{font-size: 1.35rem; line-height: 1.5em; margin-bottom: 20px; font-weight: 600;}
    .loc-item-wrap .detail{font-size: 1.1rem; line-height: 1.75em;}
}

@media (max-width:820px){
    .sub-map{margin-top: 30px;}
    .loc-item-wrap{margin-top: 60px;}
    .loc-item-wrap .box .top{padding-left: 16px; position: relative; margin-bottom: 40px;}
    .loc-item-wrap{grid-template-columns: repeat(1, 1fr);row-gap: 60px;}
    .loc-item-wrap .title{font-size: 1.35rem; line-height: 1.5em; margin-bottom: 15px; font-weight: 600;}
    .loc-item-wrap .detail{font-size: 1rem; line-height: 1.75em;}
    .loc-item-wrap .img-wrap img{width: 100%;}
}

.sub-map img{opacity: 0; transform: translateY(15%); transition: 1s;}
.sub-map.active img{opacity: 1; transform: none;}
.loc-item-wrap .top::before{height: 0; transition: 0.6s; transition-delay:0s;}
.loc-item-wrap .title{transform: translateX(-15%); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}
.loc-item-wrap .detail{transform: translateX(-15%); opacity: 0; transition: 0.8s; transition-delay: 0.3s;}
.loc-item-wrap .box.active .top::before{height: 100%;}
.loc-item-wrap .box.active .title{transform: none; opacity: 1;}
.loc-item-wrap .box.active .detail{transform: none; opacity: 1;}
.loc-item-wrap .box .img-wrap{opacity: 0; transition: 1s; overflow: hidden;}
.loc-item-wrap .box .img-wrap > img{transform: scale(1.15); transition: 1s;}
.loc-item-wrap .box .img-wrap::after{content: ''; display: block; width: 100%; height: 15%; left: 0; top: -5%; background-color: #fff; position: absolute; transition: 1s;}
.loc-item-wrap .box .img-wrap::before{content: ''; display: block; width: 100%; height: 15%; left: 0%; bottom: -5%; background-color: #fff; position: absolute; transition: 1s;}
.loc-item-wrap .box.active .img-wrap{opacity: 1;}
.loc-item-wrap .box.active .img-wrap > img{transform: none;}
.loc-item-wrap .box.active .img-wrap::after{top: -15%;}
.loc-item-wrap .box.active .img-wrap::before{bottom: -15%;}

/* 사업안내 - 파트너 */

.partner-title{font-size: 3.75rem; line-height: 1.2em; color: #000; font-weight: 500; margin-bottom: 60px;}
.partner-title p{overflow: hidden;}
.partner-title span{display: block; transform: translateY(110%); transition: 0.8s;}
.partner-title.active span{transform: none;}
/* .partners{width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 100px; border-top: 1px solid #ccc;} */
.partners{width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 100px; border-top: 1px solid #ccc;}
.partners .box{width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.partners .box .item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
/* .partners .box:nth-of-type(4n){border-right: none;} */
.partners .box:nth-of-type(3n){border-right: none;}

.partners .box .item{opacity: 0; transform: translateY(5%); transition: 1s;}
.partners .box.active .item{opacity: 1; transform: none;}

@media (min-width: 1201px){
    /* .partners .box:nth-of-type(4n+1) .item {transition-delay: 0s;}
    .partners .box:nth-of-type(4n+2) .item {transition-delay: 0.2s;}
    .partners .box:nth-of-type(4n+3) .item {transition-delay: 0.4s;}
    .partners .box:nth-of-type(4n) .item {transition-delay: 0.6s;} */
    .partners .box:nth-of-type(3n+1) .item {transition-delay: 0s;}
    .partners .box:nth-of-type(3n+2) .item {transition-delay: 0.2s;}
    .partners .box:nth-of-type(3n) .item {transition-delay: 0.4s;}
}

@media (max-width: 1200px){
    .partners{grid-template-columns: repeat(3, 1fr); margin-top: 60px;}
    .partners .box .item{padding: 40px;}
    .partners .box:nth-of-type(4n){border-right: 1px solid #ccc;}
    .partners .box:nth-of-type(3n){border-right: none;}
}

@media (max-width: 1200px) and (min-width: 769px){
    .partners .box:nth-of-type(3n+1) .item {transition-delay: 0s;}
    .partners .box:nth-of-type(3n+2) .item {transition-delay: 0.2s;}
    .partners .box:nth-of-type(3n) .item {transition-delay: 0.4s;}
}

@media (max-width: 768px){
    .partner-title{font-size: 2.5rem; margin-bottom: 30px;}
    .partners{grid-template-columns: repeat(2, 1fr); margin-top: 60px;}
    .partners .box .item{padding: 40px;}
    .partners .box:nth-of-type(4n){border-right: 1px solid #ccc;}
    .partners .box:nth-of-type(3n){border-right: 1px solid #ccc;}
    .partners .box:nth-of-type(2n){border-right: none;}
    .partners .box:nth-of-type(2n) .item {transition-delay: 0.2s;}
}

/* 단지배치도 */
.complex-title.complex .ko-tit{margin-bottom: 80px;}
.map-wrap{position: relative;}
.complex-view-more{position: absolute; right: 0; bottom: 0; z-index: 10; cursor: pointer;border:none;display: none;}
.viewmore-wrap{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; z-index: 100; display: none;}
.concierge-precaution.danji{margin-top: 30px;}

@media (max-width: 1024px){
    .concierge-precaution.danji{margin-top: 30px;}
    .complex-view-more{display: block;}
    .viewmore-wrap .top{display: flex;}
    .viewmore-wrap .top span{color: #000; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 16px 20px; font-size: 20px; font-weight: 500; line-height: 28px;}
    .complex-view-more{width: 30px; height: 30px;}
    .viewmore-close{position: absolute; top: 10px; right: 15px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; z-index: 10; background: transparent; cursor: pointer; border: none;}
    .viewmore-close img{width: 20px; height: 20px;}
    .viewmore-wrap .item{margin-top: 25px;}
}

.concierge-precaution.danji,
.map-wrap{transform: translateY(5%); opacity: 0; transition: 1s;}
.mo.active.map-wrap,
.mo.active .concierge-precaution.danji{opacity:1;transform:none;}


/* 세대안내 탭메뉴 */
.unit-item-tab ul{display: flex; flex-wrap: wrap; justify-content: flex-start;}
.unit-item-tab.tab4 ul{justify-content: center;}
.unit-item-tab.tab6 ul{justify-content: center;}
.unit-item-tab ul li{border: 1px solid #dedede; background-color: #f7f7f7;line-height:50px;color: #363e41;text-align:center;transition:0.2s; width: 12.5%; cursor: pointer; margin-right: -1px;}
.unit-item-tab.tab3 ul li{width: 33%;}
.unit-item-tab.tab4 ul li{width: 25%;}
.unit-item-tab.tab5 ul li{width: 20%;}
.unit-item-tab.tab6 ul li{width: 16.667%;}
.unit-item-tab.tab7 ul li{width: 14.28%;}
.unit-item-tab li.on{border: 1px solid #363e41;background-color: #363e41;color: #fff;}
.unit-item-tab:not(.tab) ul li:nth-child(n + 9):nth-child(-n + 16) {margin-top: -1px;}
.unit-box{margin-top: 120px; text-align: center;}
.unit-box .box{display: none;}
.unit-box .box.on{display: block;}
.unit-box .shorts-box{width: 30%; max-width:720px; margin:0 auto}
.unit-ori{font-size: 14px; color: #000; margin-top: 60px; line-height: 1.4;}
.unit-ori p ~ p{margin-top: 6px;}

.unit_con{position:relative;margin-bottom:50px;}
.unit_con .type{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:90px;}
.unit_con .type .tit{display:flex;align-items:flex-end;gap:0 30px;}
.unit_con .type .tit strong{display: block;font-family:"Outfit";font-size:7.5rem;font-weight:500;color:#1f2623;line-height: 0.7em;text-align:left;}
.unit_con .type .tit dl{display:flex;align-items:center;font-family:"SUITE";font-size:2rem;color:#1f2623;gap: 0 5px;}
.unit_con .type .tit dl dd{font-weight:600;}
.unit_con .type .tit p{margin-top:10px;font-family: "SUITE";color: #1f2623;font-size:1.25rem;text-align:left;}
.unit_con .type .tit p em{font-weight:600;}
.unit_con .type .file{display:flex;gap: 0 25px;}
.unit_con .type .file.btn3{display:flex;gap: 0 15px;}
.unit_con .type .file a{display:block;text-align:left;line-height:45px;border-bottom:2px solid #363e41;padding: 0 60px 0 10px;font-family:"SUITE";font-size:1.44rem;font-weight:600;color:#363e41;background: url(../images_ipark/unit-arr.png) no-repeat center right 10px /  20px;}
.unit_con .info ul{display:flex;justify-content:space-between;;}
.unit_con .info ul li{padding-right:35px;text-align:left;}
.unit_con .info ul li p span{color:#3f3f3f;font-family:"SUITE";font-size:1.38rem;letter-spacing:-0.05em;font-weight:400;}
.unit_con .info ul li p strong{color:#1f2623;font-family:"SUITE";font-size:1.38rem;letter-spacing:-0.05em;font-weight:600;}
.unit_img ul li{border: 1px solid #dedede;position:relative;}
.unit_img ul li ~ li{margin-top:30px;}
.unit_img ul .u1{padding: 90px 20px;}
.unit_img ul li img{display:block;margin: 0 auto;}
.unit_img ul li .txt{position:absolute;left:100px;top:100px;text-align:left;}
.unit_img ul li .txt dt{font-family:"Outfit";font-size:3.13rem;color:#1f2623;margin-bottom:35px;}
.unit_img ul li .txt dd{font-family:"SUITE";font-size:1.38rem;color:#6d6d6d;line-height:1.64em;}
.unit_img ul li .rig{position:absolute;top:160px;right:100px;}
.unit_img ul li.u3{padding: 90px; box-sizing: border-box;}
.unit_con .type .file.btn3 a{padding: 0 40px 0 10px;}

@media (min-width:1250px){
    .unit_img ul li .rig.s1{position:absolute;top:auto;right:70px; bottom:90px;}
}
@media (min-width:768px) and (max-width:1249px){
    .unit_img ul li .rig.s1{position:absolute;top:auto;right:40px; bottom:20px;}
}

@media (max-width:1200px){
    .unit-item-tab ul li{width: 16.667%;}
    .unit-item-tab:not(.tab)  ul li:nth-child(n + 7):nth-child(-n + 16) {margin-top: -1px;}    
    .unit-box{margin-top: 60px;}
    .unit-item-tab.tab4 ul li{width: 25%;}
    .unit-item-tab.tab5 ul li{width: 20%;}
    .unit-box .shorts-box{width: 60%; max-width:720px; margin:0 auto}
	.unit_con .info ul li{padding-right:0;}
	.unit_img ul li .txt{top:50px;left:50px;}
	.unit_img ul li .rig{top: 90px;right:50px;}
    .unit_img ul li.u3{padding: 70px;}
    /* 전시품목 추가 */
    .unit_con .type.btn3{display:block;}
	.unit_con .type.btn3 .tit{display:block;}
	.unit_con .type.btn3 .tit dl{margin-top:30px;}
	.unit_con .type.btn3 .file{margin-top:40px;display:block;}
	.unit_con .type .file.btn3{display: block;}
	.unit_con .type .file.btn3 a{max-width: 240px;}
}
@media (max-width:1024px){
	.unit_con .type{display:block;}
	.unit_con .type .tit{display:block;}
	.unit_con .type .tit dl{margin-top:30px;}
	.unit_con .type .file{margin-top:40px;display:block;}
	.unit_con .type .file a{max-width:240px;}
	.unit_con .type .file a ~ a{margin-top:10px;}
	.unit_con .info ul{display:block;}
	.unit_con .info ul li ~ li{margin-top:20px;}
	.unit_img ul li .txt{top:30px;left:30px;}
	.unit_img ul li .rig{top: 40px;right:40px;width:200px;}
	.unit_img ul li .txt dt{margin-bottom:15px;font-size: 2.6rem;}
	.unit_img ul li .txt dd{font-size: 1.1rem;}
}
@media (max-width:768px){
    .unit-item-tab ul li{width: 25%; line-height: 35px;}
    .unit-item-tab:not(.tab)  ul li:nth-child(n + 5):nth-child(-n + 16) {margin-top: -1px;}
    .unit-box{margin-top: 40px;}
    .unit-item-tab.tab4 ul li{width: 50%;}
    .unit-item-tab.tab5 ul li{width: 33.33%;}
    .unit-item-tab.tab6 ul li{width: 33.33%;}
	.unit-item-tab.tab7 ul li{width: 25%;}
    .unit-item-tab.tab4 ul li:nth-child(n + 3):nth-child(-n + 8) {margin-top: -1px;}
    .unit-item-tab.tab5 ul li:nth-child(n + 4):nth-child(-n + 8) {margin-top: -1px;}
    .unit-item-tab.tab6 ul li:nth-child(n + 4):nth-child(-n + 8) {margin-top: -1px;}
    .unit-box .shorts-box{width: 100%; margin:0 auto}
    .unit-ori{font-size: 12px; color: #000; margin-top: 40px; text-indent: -10px; padding-left: 10px;}
    .unit-ori p~p{margin-top: 6px;}

	.unit_con .type{margin-bottom:40px;}
	.unit_con .type .tit strong{font-size: 5rem;}
	.unit_con .type .tit dl{margin-top: 20px;font-size:1.4rem;}
	.unit_con .type .tit p{font-size: 0.9rem;margin-top:5px;}
	.unit_con .type.btn3 .tit dl{margin-top: 20px;font-size:1.4rem;}
	.unit_con .type .file{margin-top:30px;}
	.unit_con .type .file.btn3{margin-top:30px;}
	.unit_con .type .file a{padding: 0 30px 0 10px;max-width:160px;font-size:1.2em;background-size:16px;line-height:35px;}
	.unit_con .type .file.btn3 a{padding: 0 30px 0 10px;max-width:160px;font-size:1.2em;background-size:16px;line-height:35px;}
	.unit_con .info ul li ~ li{margin-top: 15px;}
	.unit_con .info ul li p{display:flex;justify-content:space-between;align-items:center;}
	.unit_con .info ul li p em{display:none;}
	.unit_con .info ul li p span,
	.unit_con .info ul li p strong{font-size: 1.2rem;}
	.unit_img ul .u1{padding: 50px 0;}
	.unit_img ul li .txt{position:relative;left:0;top:0;padding: 30px 0 0 20px;}
	.unit_img ul li .txt dt{font-size:2.1rem;margin-bottom:10px;}
	.unit_img ul li .txt dd{font-size:0.9rem;}
	.unit_img ul li .rig{position:relative;top:0;right:0;padding: 20px 0 0 20px;}
	.unit_img ul li .rig{max-width:160px;}
	.unit_img ul .u2 > img{margin-top:-40px;}
    .unit_img ul li.u3{padding: 40px;}
}

/* 인테리어 추가 */
.complex-title.interior{text-align: left;}
/* .complex-title.interior span{transform: none;}
.complex-title.interior span{transform: none;}
.interior .map-wrap{transform: none; opacity: 1;} */

/* e모델 하우스 */
.modelhouse .box .iframe-wrap{width: 100%; height: 0; padding-bottom: 60%; position: relative;}
.modelhouse .box .iframe-wrap iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.model_tab ul li a{display:block;width:100%;height:100%;}

@media (max-width: 1024px){
	.modelhouse{display:none;}
	.modelhouse .box .iframe-wrap{width: 100%; height: 0; padding-bottom: 190%; position: relative;}
	.model_tab ul{display:block;}
	.model_tab ul li{line-height:45px;font-size:1.4rem;}
	.model_tab.tab3 ul li{width:100%;}
	.model_tab ul li ~ li{margin-top:20px;}
	.model_tab ul li{border: 1px solid #363e41;background-color: #363e41;color: #fff;}
}

.video-wrap{width: 100%; height: 0; padding-bottom: 56.25%; position: relative;}
.video-wrap iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

/* 공급안내 버튼 */
.sub31-btn-wrap{display:flex;justify-content:center;align-items:center;margin-top:50px; width: 100%;}
.sub31-btn-wrap a{display: flex; width: 190px; height: 45px; line-height: 1em; border-radius: 22.5px; color: #80888b; background: #e7e7e9; position: relative; padding-left: 30px; letter-spacing: -0.05em; align-items: center; font-family: 'Noto Sans KR';}
.sub31-btn-wrap a img{position: absolute; right: 24px; top: 50%; transform: translateY(-50%);}

@media (max-width: 768px){
    .sub31-btn-wrap{margin-top: 30px;}
    .sub31-btn-wrap a{width: 60%; height: 40px; border-radius: 20px; font-size: 1.1rem; gap: 1rem; justify-content: center; padding-left: 0;}
    .sub31-btn-wrap a img{position: relative; right: 0; top: 0; transform: none;}
}

/* 중도금 대출 신청 */
.sub_tab.loan{border-bottom: none;}
.loan_form{width: 100%; height: 410px; border: 1px solid #000; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.loan_form .form_title{font-size: 34px; letter-spacing: -0.05em; text-align: center; letter-spacing: -0.05em; color: #000; margin-bottom: 70px; font-weight: 600;}
.loan_form_label{display: flex;align-items: center;height: 48px;font-size: 17px;color: #000;width: 100%;justify-content: center;} 
.loan_form_label span{display: block; width: 70px; line-height: 48px;}
.loan_form_label .loan_name_form{max-width: 630px;}

.loan_form_label ~ .loan_form_label{margin-top: 32px;}
.loan_form_label .phone{display: flex; width: 100%; max-width: 630px; align-items: center; gap: 10px;}
.loan_form_label input[type="text"]{padding: 0 20px;border: none;outline: none;width:100%; height: 50px;background-color: #f0f0f0;font-size: 1rem;color: #222;}
.loan_form_label select{padding: 0 20px;border: none;outline: none;width: 100%;max-width: 200px;height: 50px;background: #f0f0f0 no-repeat 90% 52%;font-size: 1rem;color: #222;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.loan_form_label select ~ select{margin-left: 10px;}

.loan .result_text{font-size: 1.2rem; color: #000;}
.result_image{justify-content: center;}

.result_file{display:flex;gap: 0 25px;justify-content: flex-end;margin: 40px auto 60px;max-width: 1340px;}
.result_file.btn3{display:flex;gap: 0 15px;}
.result_file a{display:block;text-align:left;line-height:45px;border-bottom:2px solid #363e41;padding: 0 60px 0 10px;font-family:"SUITE";font-size:1.44rem;font-weight:600;color:#363e41;background: url(../images_ipark/unit-arr.png) no-repeat center right 10px /  20px;}

@media (max-width: 768px){
    .loan_form{height: auto; padding: 35px 20px;}
    .loan_form .form_title{font-size: 1.85rem; margin-bottom: 30px;}
    .loan_form_label{display: block; height: auto;}
    .loan_form_label span{display: block;line-height: 1.4em; margin-bottom: 14px; font-size: 1.2rem;}
    .btn_area.loan{margin-top: 35px;}

    .loan_form_label input[type="text"],
    .loan_form_label select{padding: 0 10px;height:35px;font-size: 1rem;}

    .result_file{margin:10px 0 20px;}
	.result_file.btn3{margin-top:30px;}
	.result_file a{padding: 0 30px 0 10px;max-width: 190px;font-size: 1.2rem;background-size:16px;line-height:35px;width: 100%;}
}