.main_container {
	width: 100%;
	overflow: hidden;
}
.main_wrap {
	position: relative;
	width: 100%;
	height: 100vh;
}

section .main_section_wrap {padding: 10vh 13vw;}

#section1 { width: 100%; }
#section1 .main_visual_txt {text-align: center; position: absolute; top: 55vw; left: 50%; transform: translate(-50%, -50%); z-index: 10;}
#section1 .main_visual_txt p {color: #fff; font-family: "Noto Serif KR", serif; font-size: 4.167vw; font-weight: 300; letter-spacing: 0.05em;}
#section1 .main_visual_txt p strong {font-weight: 600; position: relative;}
#section1 .main_visual_txt p strong::after {content: "·····"; position: absolute; top: -3.5vw; left: 1.6vw; letter-spacing: 2.8vw;}
#section1 .main_visual_txt h1 {font-size: 6.944vw; font-weight: 700; color: #fff; letter-spacing: 0.1em; white-space: nowrap; margin-top: 3vw;}

.main_visual {width: 100%; height: 100vh;}
.main_visual #main_visual_01 {background: url('https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/prugio/yangju/resources/img/main/MOB/main_visual_01.jpg'); background-size: 100% 100%; background-position: center bottom;}
.main_visual #main_visual_02 {background: url('https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/prugio/yangju/resources/img/main/MOB/main_visual_02.jpg'); background-size: 100% 100%; background-position: center bottom;}

#section1 .main_visual .count {position: absolute; left: 2rem; bottom: 2rem; color: #fff; z-index: 9; display: flex; flex-direction: row; align-items: center;}
#section1 .main_visual .count .line {display: block; width: 60px; height: 1px; background: #fff; opacity: 0.5; margin: 0 10px;}
#section1 .main_visual .count .total {opacity: 0.5;}

.scroll_banner {
    width: 30vw;
	aspect-ratio: 1/1;
    /* height: 128px; */
    position: absolute;
    left: 50%;
    top: 35vh;
    z-index: 2;
    transform: translateX(-50%);
    background: url("../img/main/scroll_banner_logo.png") no-repeat 50% 50%;
    background-size: contain;
}
.scroll_banner span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/main/scroll_banner_rotate.png") no-repeat 50% 50%;
    background-size: contain;
    animation: rotateBanner 20s linear infinite;
}
@keyframes rotateBanner {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
.grandopen {font-size: 3.456vw; font-weight: 700; color: #fff; background: #8c6f4f; padding: 12px 25px; border-radius: 20px; white-space: nowrap; z-index: 2; width: fit-content; margin: 0 auto; margin-top: 5vw;}

.right_banner {
	display: flex;
	flex-direction: column;
	align-items: center;

	position: absolute;
	right: 5%;
	bottom: 4%;
	z-index: 10;
}

.right_banner a {position: relative; margin-bottom: 10px;}
.right_banner a span {position: absolute; top: 125%; left: 50%; transform: translate(-50%, -50%); color: #000; font-size: 13px; opacity: 0; transition: all ease 0.2s; white-space: nowrap;}
.right_banner.white a span {color: #fff;}


#section2 {background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/prugio/yangju/resources/img/main/MOB/change01_bg.jpg") no-repeat; background-position: center;}
#section2 .change01 {text-align: center;}
#section2 .change01 .change_title {width: 60vw; margin-bottom: 16.667vw;}
#section2 .change01 .change_cont_wrap {width: 100%; display: flex; flex-direction: column; }
#section2 .change01 .change_cont_wrap > div:first-child {display: flex; flex-direction: row; align-items: flex-start; gap: 5vw;}
#section2 .change01 .change_cont_wrap > div:last-child {display: flex; flex-direction: row-reverse; align-items: flex-end; gap: 5vw;}
#section2 .change01 .change_cont_wrap > div > img {width: 30vw;}
#section2 .change01 .change_cont_wrap > div .txt_box {text-align: left;}
#section2 .change01 .change_cont_wrap > div .txt_box img {width: 25vw;}
#section2 .change01 .change_cont_wrap > div .txt_box p {font-size: 2.778vw; color: #094d4f; font-weight: 500; margin-top: 2.5vw;}
#section2 .change01 .change_cont_wrap > div .txt_box h5 {font-size: 4.167vw; color: #191919; font-weight: 800; margin-top: 3px; line-height: 4vw;}

#section3 {background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/prugio/yangju/resources/img/main/MOB/change02_bg.jpg") no-repeat; background-position: center;}
#section3 .change02 {text-align: center;}
#section3 .change02 .change_title {width: 60vw; margin-bottom: 16.667vw;}
#section3 .change02 .change_cont_wrap {width: 100%; display: flex; flex-direction: column; justify-content: space-between; height: 65%; gap: 8vh;}
#section3 .change02 .change_cont_wrap > div:first-child {display: flex; flex-direction: row; align-items: flex-start; gap: 5vw;}
#section3 .change02 .change_cont_wrap > div:first-child > img {width: 30vw;}
#section3 .change02 .change_cont_wrap > div:last-child .txt_box {position: relative;}
#section3 .change02 .change_cont_wrap > div:last-child {display: flex; flex-direction: row-reverse; align-items: flex-end; gap: 5vw;}
#section3 .change02 .change_cont_wrap > div:last-child > img {width: 44vw;}
#section3 .change02 .change_cont_wrap > div .txt_box {text-align: left;}
#section3 .change02 .change_cont_wrap > div .txt_box img {width: 25vw;}
#section3 .change02 .change_cont_wrap > div .txt_box p {font-size: 2.778vw; color: #afa6a3; font-weight: 500; margin-top: 2.5vw;}
#section3 .change02 .change_cont_wrap > div .txt_box h5 {font-size: 4.167vw; color: #fff; font-weight: 800; line-height: 4vw;}

#section4 {background: url("https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/prugio/yangju/resources/img/main/MOB/showroom_bg.jpg") no-repeat; background-position: top center;}
#section4 .tit_box {text-align: center; margin-bottom: 10vw;}
#section4 .tit_box h1 {font-family: 'URWClassico', sans-serif; font-size: 11.111vw; font-weight: 400; line-height: 12vw; color: #fff; margin-bottom: 1vw;}
#section4 .tit_box p {font-weight: 500; font-size: 3.333vw; color: #fff;}
#section4 .cont_box {display: flex; flex-direction: column; width: 100%; justify-content: space-between; gap: 60px;}
#section4 .cont_box #left_box {width: 100%; position: relative; }
#section4 .cont_box #left_box .swiper-slide > div:first-child {margin-bottom: 45px;}
#section4 .cont_box #left_box .btn_box {display: flex; flex-direction: row; justify-content: center;}
#section4 .cont_box #left_box .btn_box a:first-child p {font-size: 3.333vw; font-weight: 500; color: #fff; padding: 3vw 4vw; border: 1px solid #75645c; background: #75645c;}
#section4 .cont_box #left_box .btn_box a:last-child p {font-size: 3.333vw; font-weight: 500; color: #5a5249; padding: 3vw 4vw; border: 1px solid #75645c; background: #f3eee8;}
#section4 .cont_box #left_box .unit_tit {display: flex; flex-direction: row; align-items: flex-end; border-bottom: 1px solid rgba(25,25,25,0.3); padding-bottom: 5vw;}
#section4 .cont_box #left_box .unit_tit h5 {font-family: 'URWClassico', sans-serif; font-size: 11.111vw; line-height: 9vw; color: #c1a07b; font-weight: 400; margin-right: 2vw;}
#section4 .cont_box #left_box .unit_tit p {font-size: 3.333vw; color: #564943; font-weight: 700;}
#section4 .cont_box #left_box .swiper-slide > div:last-child a p {display: inline-block; float: right; margin-top: 25px; font-size: 2.639vw; letter-spacing: 0.1rem;}
#section4 .cont_box #left_box .swiper-slide > div:last-child a p img {width: 15vw;}
#section4 .cont_box #left_box .count {position: absolute; right: 0; bottom: 21vw; color: #75645c; font-weight: 600; font-size: 2.500vw;}

#section4 .cont_box #right_box {width: 100%; position: relative;}
#section4 .cont_box #right_box .swiper-slide {padding-bottom: 12vw}
#section4 .cont_box #right_box h5 {font-family: "Constantia"; font-weight: 400; font-size: 22.222vw; color: #fff; position: absolute;left: 10%; bottom: 4%; text-shadow: 4px 4px 5px #a0a0a0; line-height: 22.222vw;}

#section5 {background: #fbf9f6;}
#section5 .main_section_wrap {padding: 10vh 5vw;}
#section5 .right_slide {display: flex; align-items: center;}
#section5 .right_slide .swiper {width: 100%; text-align: center;}
#section5 .right_slide .swiper-slide img {width: 48.611vw;}
#section5 .right_slide .swiper-slide p {font-size: 3.333vw; line-height: 5vw; color: #5a5249; margin: 5vw 0;}
#section5 .right_slide .swiper-slide p span {font-size: 3vw; display: inline-block;}
#section5 .right_slide .swiper-slide h5 {font-size: 4.167vw; line-height: 6vw; font-weight: 900; color: #5a5249;}
#section5 .right_slide .swiper-slide h5 span {font-size: 3.9vw; display: inline-block;}
#section5 .right_slide .swiper-slide h4 {font-family: 'Paperlogy-6SemiBold'; font-size: 5.556vw; font-weight: 900; color: #d2c0a5; padding: 3vw 0; border-top: 1px solid #d2c0a5; border-bottom: 1px solid #d2c0a5; display: inline-block; text-transform: uppercase; margin: 7vw 0 3vw; letter-spacing: 0.05em; width: 75%;}
#section5 .right_slide .swiper-slide > span {display: block; font-size: 2.500vw; font-family: 'Paperlogy-6SemiBold'; color: #d2c0a5; letter-spacing: 0.05em; text-transform: uppercase;}

#section5 .right_slide .swiper-button-next, #section5 .right_slide .swiper-button-prev {width: 15vw; height: 9vw; background: none; }
#section5 .right_slide .swiper-button-next {right: 2%}
#section5 .right_slide .swiper-button-next:after {content: ""; background: url(../img/main/premium_next.png); width: 15vw; height: 9vw; background-size: cover;}
#section5 .right_slide .swiper-button-prev {left: 2%;}
#section5 .right_slide .swiper-button-prev:after {content: ""; background: url(../img/main/premium_prev.png); width: 15vw; height: 9vw; background-size: cover;}

#section6 { width: 100%; background: url('https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/prugio/yangju/resources/img/main/MOB/brand_bg.jpg') center no-repeat; background-size: cover; padding: 10vh 5vw; box-sizing: border-box;}
#section6 .main_brand {text-align: center;}
#section6 .main_brand h1 {font-family: 'URWClassico', sans-serif; color: #fff; letter-spacing: 0.2em; font-size: 6.111vw; text-transform: uppercase; font-weight: 400;}
#section6 .main_brand h5 {font-size: 4.167vw; line-height: 6vw; font-weight: 600; color: #fff; margin: 9.028vw 0 6.250vw;}
#section6 .main_brand p {font-size: 3.333vw; line-height: 5vw; font-weight: 300; color: #fff;}
#section6 .main_brand a {margin-top: 20.833vw; display: inline-block;}
#section6 .main_brand a p {font-size: 3.333vw; line-height: 5vw; color: #c0a07b; font-weight: 700; letter-spacing: 0.1em;}
#section6 .main_brand a p img {margin-left: 10px; width: 19vw;}

#section7 { width: 100%; background: url('https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2024/prugio/yangju/resources/img/main/MOB/contact_bg.jpg') center no-repeat; background-size: cover;}
#section7 .main_location h1 {font-family: 'URWClassico', sans-serif; font-size: 11.111vw; line-height: 13vw; color: #8c6f4f; text-align: center; font-weight: 300; text-transform: uppercase; margin-bottom: 8.056vw;}
#section7 .main_location .location_cont {display: flex; flex-direction: column; justify-content: center; gap: 10vw;}
#section7 .main_location .location_cont > div .txt_box {background: #8f7d6a; padding: 30px 0; text-align: center;}
#section7 .main_location .location_cont > div .txt_box h5 {display: inline-block; font-size: 3.056vw; color: #fff; font-weight: 700;}
#section7 .main_location .location_cont > div .txt_box h5::before {content: "|"; display: inline-block; margin-right: 3vw;}
#section7 .main_location .location_cont > div .txt_box h5::after {content: "|"; display: inline-block; margin-left: 3vw;}
#section7 .main_location .location_cont > div .txt_box > p {font-size: 3.333vw; line-height: 5vw; color: #fff; margin: 17px 0 25px;}
#section7 .main_location .location_cont > div .btn_box {display: flex; flex-direction: row; justify-content: center;}
#section7 .main_location .location_cont > div .btn_box a {display: flex; flex-direction: row; align-items: center;}
#section7 .main_location .location_cont > div .btn_box a:first-child {margin-right: 20px;}
#section7 .main_location .location_cont > div .btn_box a p {font-family: 'Noto Sans'; color: #fff; font-size: 2.535vw; margin-left: 10px;}
#section7 .main_location .location_cont > div .btn_box a img {width: 6.5vw;}