/*서브*/

.mo { display: none !important;}


.sub_top01 { position: relative; left: 0; top: 0; width: 100%; height: 285px; z-index: 99; margin-top: 0px; overflow: hidden; background-color: #fff; }
/* .sub_top01:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/sub_top.png) center top no-repeat; background-size: cover; z-index: 2; } */
.sub_top_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }

.sub_top01 .sub_top_img { background: url(../img/sub_top.jpg) center top 10% no-repeat; background-size: cover; animation: sub_top_img 2.0s 0s both; }

.sub_top_txt { width: 100%; position: absolute; left: 0; right: 0; top: 45%; margin: auto; z-index: 9; color: #000; text-align: center; display: flex; justify-content: center; align-items: center; animation: sub_top_txt 1.0s 0.4s both; }
.sub_top_txt h2 { font-family: 'Futura Std', sans-serif; font-size: 1.625rem; line-height: 100%; letter-spacing: 1rem; text-transform: uppercase; animation: sub_top_txt2 1.2s 1.2s both; }
.sub_top_txt h2 span { position: relative; }
.sub_top_txt h2 span:after { content:''; width: 30px; height: 1px; background-color: #000; position: absolute; bottom: 0; right: 0.65rem;animation: sub_top_txt3 1.2s 2s both;}
.sub_top_txt>div { width: 95px; height: 1px; background-color: #fff; margin: 0 15px; }
.sub_top_txt h3 { font-size: 28px; line-height: 100%; font-weight: 700; letter-spacing: -1px; }


@keyframes sub_img {
from { background: url(../img/sub_top.jpg) center bottom no-repeat; background-size: cover; }
to{ }
}
@keyframes sub_top_img {
from { transform: scale(1.2); }
to{ }
}
@keyframes sub_top_txt {
from { opacity: 0; transform: translateY(60px); }
to{ }
}

@keyframes sub_top_txt2 {
	from { letter-spacing: 0;  }
	to{ }
}

@keyframes sub_top_txt3 {
	from { width: 0;  }
	to{ }
}

.sub_line_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; z-index: 1; display: flex; justify-content:center; }
.sub_line_box>div { width: 90%; height: 570px; position: relative; }
.sub_line_box>div>div { position: absolute; background-color: rgba(0,0,0,0.3); }
.sub_line01 { width: 100%; height: 1px; left: 0; top: 0; bottom: 0; margin: auto; animation: sub_line01 1.6s 0s both linear; }

@keyframes sub_line01 {
	from { width: 0; }
	to{ }
}

#snb_wrap { width: 1100px; height: 65px; position:relative; margin: auto; z-index: 99; margin-top: -63px;}
#snb { width: 480px; height: 65px; position: absolute; right: 0; top: 0; }
#snb:after {content:""; display:block; clear:both; }
#snb > li { float: left; width: 200px; position:relative; height: 65px; text-align: left; box-sizing: border-box; color: #000; }
#snb > li > a:after { content:''; position: absolute; width: 1px; height: 20px; background-color: #adadad; right: 0; top: 0; bottom: 0; margin: auto; }
#snb > li:first-child { width: 60px; }
#snb > li:first-child img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
#snb > li:nth-child(3) { width: 220px; }
#snb > li:nth-child(3) > a:after { display: none; }
#snb > li:first-child + li > a {background:url('../img/snb-arr.gif') no-repeat 100% 50%; }
#snb > li:first-child + li + li > a { margin-top:1px; color: #000; }
/*#snb > li:first-child + li + li { border-bottom: 1px solid #e8e8e8; }*/
#snb > li:first-child + .ov {margin-left:0;}
#snb > li:nth-child(2):after { content:''; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); position: absolute; right: 18px; top: 29px; transition:0.3s; }
#snb > li:nth-child(3):after { content:''; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); position: absolute; right: 18px; top: 29px; transition:0.3s; }
#snb .ov {margin-left:-1px;}
#snb .ov > a { display: block; height: 65px; line-height: 65px; padding: 0 15px; font-size: 14px; color:#000; min-width:160px; font-weight:400; }

#snb > li:nth-child(2):hover:after { transform: rotate(135deg); top: 27px; }
#snb > li:nth-child(3):hover:after { transform: rotate(135deg); top: 27px; }

#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff; display:none; margin-top: -2px;}
#snb .ov ul li { border:1px solid #c2c2c2;margin-top:-1px; font-weight: 400; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a { display:block;font-size:11.5px; color: #000; padding:11px 15px;white-space:nowrap; letter-spacing: 0; }
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover { background: #ebebeb; color: #000; }

#snb .ov a { text-transform: uppercase; }
/*#snb .ov:last-child a { text-transform: uppercase; }*/

body.full #sub_container { width: 100%; }
#sub_container { width: 90%; position: relative; left: 50%; transform: translateX(-50%); overflow: visible; background-color: #fff; text-align: center; }
#sub_box { position: relative; width: 100%; margin: auto; text-align: center; padding-bottom: 7.5rem; padding-top: 0px; box-sizing: border-box; margin-top: 80px; }
#sub_tit { width: 100%; margin-top: 0; overflow: hidden; text-align: center; }
#sub_tit h2 { font-size: 35px; color: #000; font-weight: 400; line-height: 100%; letter-spacing: -1px; text-transform: uppercase; }
.sub_line { width: 1px; height: 38px; background-color: #404040; margin: auto; margin-top: 35px; }
#sub_tit h5 { font-size: 14px; color: #858585; font-weight: 400; margin-top: 16px; }
#sub_tit h5 b { color: #222; }
#sub_tit h5 div { display: inline-block; color: #056b5c; }
#sub_tit h5 span { font-size: 13px; font-family: 'Brown'; font-weight: 700; }
#sub_page { margin-top: 50px; position: relative; }

.sub_page { padding-top: 40px;}

/**/

ul.tabs2 { width: 100%; display: flex; justify-content: space-between; gap:0; margin-bottom: 20px;}
ul.tabs2.two { flex-wrap: wrap; }
ul.tabs2 li { width: 100%; margin-bottom: -1px; margin-left: 0; color: #fff; text-align: center; cursor: pointer; height: 45px; line-height: 45px; border: 1px solid #ccc; font-weight: 400; background: #ccc; font-size: 0.8125rem;}
ul.tabs2 li:nth-child(1) { margin-left: 0; }
ul.tabs2 li a { width: 100%; height: 100%; display: block;}

ul.tabs2 li.selected, ul.tabs li.selected:hover { color: #fff; background: #000; border: 1px solid #000; }	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color: #fff; }
ul.tabs2 li.active { color:#fff; background: #000; border: 1px solid #000; }


ul.tabs3 { display: flex; justify-content: space-between; margin-bottom:50px; }
ul.tabs3>li { width: 100%; text-align: center; }
ul.tabs3>li>a { padding: 0;  line-height: 45px; letter-spacing: 0; display: block; font-size:15px; }
ul.tabs3>li:first-child {margin-left:0;}

ul.tabs3 { width: 100%; display: flex; justify-content: space-between; }
ul.tabs3.two { flex-wrap: wrap; }
ul.tabs3 li { margin-bottom: -1px; color: #222; margin-left: 1%; text-align: center; cursor: pointer; height: 45px; line-height: 45px;  border:0px!important; border-bottom: 4px solid #e9eaec!important;  background: #fff!important; font-weight: 400;  }
ul.tabs3 li:nth-child(1) { margin-left: 0; }

ul.tabs3 li.selected, ul.tabs li.selected:hover { color: #80644e!important;  border:0px!important;  border-bottom: 4px solid #80644e!important; background: #fff!important; }	
ul.tabs3 li.selected a, ul.tabs li.selected a:hover { color: #80644e!important; }
ul.tabs3 li.active { color:#80644e!important;  border:0px!important; border-bottom: 4px solid #80644e!important; background: #fff!important; }

#container2 { width: 100%; max-width: 1100px; margin: auto; }

.sub_ori { width: 100%; /* max-width: 1100px;  */margin: auto; background-color: #fff; text-align: left; padding: 50px 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.sub_ori>div { width: 55px; height: 55px; min-width: 55px; border-radius: 100%; background: #000 url(../sub/ori.png) center no-repeat; margin-bottom: 33px; }
/* .sub_ori ul {  } */
.sub_ori ul li { font-size: 13px; line-height: 155%; color: #000; opacity: 0.6; font-weight: 500; letter-spacing: -1px; position: relative; text-align: center; }
.sub_ori ul li:before { content:'ⓘ'; position: relative; left: 0; margin-right: 4px; }

.sub_ori ul.ori2 li { margin-left: 20px; }
.sub_ori ul.ori2 li:first-child { margin-left: 0; font-size: 14px; margin-bottom: 3px; }
.sub_ori ul.ori2 li:first-child:before { display: none; }

.sub_img_wrap { width: 100%; max-width: 1100px; margin: auto; height: auto; position: relative; text-align: left; }

/* 사업개요 */

.sub_over_wrap { width: 100%; max-width: 1408px; margin: auto; height: auto; position: relative; text-align: left; }

.sub_over_top { width: 100%; height: 42.625rem;  margin: auto; position: relative; display: flex; justify-content: space-between; align-items: flex-end; opacity: 0; }

.swiper_planning { width: 100%; margin: 0; padding: 0; }
.swiper_planning .sub_planning_img { width: 100%; height: 42.625rem; }
.sub_planning_img.img01 { background: url(../sub/planning01.jpg) center no-repeat; background-size: cover; }
.sub_planning_img.img02 { background: url(../sub/planning02.jpg) center no-repeat; background-size: cover; }
.sub_planning_img.img03 { background: url(../sub/planning03.jpg) center no-repeat; background-size: cover; }
.sub_planning_img.img04 { background: url(../sub/planning04.jpg) center no-repeat; background-size: cover; }
.sub_planning_img.img05 { background: url(../sub/planning05.jpg) center no-repeat; background-size: cover; }

.plan_txt_box { position: absolute; }
.plan_txt_box.box01 { top: 8.375rem; left: 6.75rem; opacity: 0; transform: translateX(-2rem); }
.plan_txt_box h2 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; font-weight: 400; }
.plan_txt_box h3 { font-family: 'antro'; font-size: 2.875rem; line-height: 100%; }
.plan_txt_box.box01 h3 {  margin: 2.5rem 0 0 5rem; }

.plan_txt_box.box02 { bottom: 5.625rem; left: 5.75rem; color: #fff; opacity: 0; transform: translateX(2rem); }
.plan_txt_box.box02 h3 { font-family: 'antro'; font-size: 2.875rem; line-height: 100%; }
.plan_txt_box p { font-size: 0.875rem; line-height: 180%;  margin-top: 1rem;}
.plan_txt_box.box02 p { margin-left: 0.5rem; }

.plan_txt_box.box03 { color: #000; right: 7.8rem; top: 9.5rem; opacity: 0; transform: translateX(2rem); } 
.plan_txt_box.box03 h2 { margin: 0 0 1.5rem -7.75rem;}

.plan_txt_box.box04 { left: 0; right: 0; top: 0; margin: auto; display: flex; justify-content:center; align-items:center; opacity: 0; transform: translateY(2rem);}
.plan_txt_box.box04 h1 { font-family: 'Nanum Myeongjo', serif; margin-top: 12.68rem; letter-spacing: 0.55rem; font-size: 1.25rem;}

.plan_txt_box.box05 { left: 10.187rem; top: 8.125rem; transform: translateX(2rem); }
.plan_txt_box.box05 h1 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; line-height: 100%;}
.plan_txt_box.box05 p { margin-top: 1.5rem;}


.swiper_planning_thumb { width: 18%; margin: 0; padding: 0; }

.swiper_planning_thumb .swiper-wrapper { display: flex; justify-content: space-between; flex-direction: column; }
.swiper_planning_thumb .swiper-slide { height: 100%; height: 7.3125rem; height: 17vw; max-height: 117px; cursor: pointer; border: none; overflow: hidden; margin-top: 1rem; position: relative; }
.swiper_planning_thumb .sub_planning_img { width: 100%; height: 100%; filter: grayscale(1); }
.swiper_planning_thumb .swiper-slide-thumb-active .sub_planning_img { opacity: 1; filter: grayscale(0); }
.swiper_planning_thumb .swiper-slide-thumb-active:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 3px solid #000; box-sizing: border-box; }

.swiper-button-next-planning { position: absolute; width: 75px; height: 47px; right: -8%; top: 0%; bottom: 0; margin: auto; padding: 0; outline: none; z-index: 99; cursor: pointer; }
.swiper-button-prev-planning { position: absolute; width: 75px; height: 47px; left: -8%; top: 0%; bottom: 0; margin: auto; padding: 0; outline: none; z-index: 99; cursor: pointer; }
.swiper-button-next-planning img { width: 100%; }
.swiper-button-prev-planning img { width: 100%; }


.sub_over_bottom { width: 100%; margin: auto; position: relative; margin-top: 4.5rem; opacity: 0; }
.sub_over_txt_box { margin-top: 35px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding-bottom: 0px; }
.sub_over_txt_box>div { width: 31%; margin-bottom: 50px; }
.sub_over_txt_box>div h4 { font-size: 1.25rem; line-height: 100%; font-weight: 600; color: #231815; border-bottom: 1px solid #383838; padding-bottom: 18px; }
.sub_over_txt_box>div p { font-size: 0.875rem; line-height: 142%; height: 3rem; margin-top: 18px; opacity: 0.7; font-weight: 500; }



.sub_over_top.active { opacity: 1; transition: 1.0s 0s; }
.sub_over_bottom.active { opacity: 1; transition: 1.0s 0s; }


.sub_over_top.active .swiper-slide-active .plan_txt_box.box01 { opacity: 1; transform: translate(0); transition: 1.3s 0.2s; }
.sub_over_top.active .swiper-slide-active .plan_txt_box.box02 { opacity: 1; transform: translate(0); transition: 1.3s 0.2s; }
.sub_over_top.active .swiper-slide-active .plan_txt_box.box03 { opacity: 1; transform: translate(0); transition: 1.3s 0.2s; }
.sub_over_top.active .swiper-slide-active .plan_txt_box.box04 { opacity: 1; transform: translate(0); transition: 1.3s 0.2s; }
.sub_over_top.active .swiper-slide-active .plan_txt_box.box05 { opacity: 1; transform: translate(0); transition: 1.3s 0.2s; }


.sub_over_top.active .over_tit b:nth-child(1) { transform: translate(0); transition: 1.3s 0.0s; }
.sub_over_top.active .over_tit b:nth-child(2) { transform: translate(0); transition: 1.3s 0.07s; }
.sub_over_top.active .over_tit b:nth-child(3) { transform: translate(0); transition: 1.3s 0.14s; }
.sub_over_top.active .over_tit b:nth-child(4) { transform: translate(0); transition: 1.3s 0.21s; }
.sub_over_top.active .over_tit b:nth-child(5) { transform: translate(0); transition: 1.3s 0.28s; }
.sub_over_top.active .over_tit b:nth-child(6) { transform: translate(0); transition: 1.3s 0.35s; }
.sub_over_top.active .over_tit b:nth-child(7) { transform: translate(0); transition: 1.3s 0.42s; }
.sub_over_top.active .over_tit b:nth-child(8) { transform: translate(0); transition: 1.3s 0.49s; }



.sub_over_top.active .over_img_box { opacity: 1; clip-path: inset(2% 37% 0% 37% round 300px); transform: rotate(30deg); transition: opacity 1.2s 1.0s, clip-path 1.5s 1.85s, transform 1.3s 3.8s; }
.sub_over_top.active .over_vd_box { transform: rotate(-30deg); transition: 1.3s 3.8s; }
.sub_over_top.active .over_txt_box.white { transform: rotate(-30deg); transition: 1.3s 3.8s; }
.sub_over_top.active .over_txt_box h4 { opacity: 1; transform: translate(0); transition: 1.3s 2.8s; }
.sub_over_top.active .over_txt_box h2 { opacity: 1; transform: translate(0); transition: 1.3s 2.8s; }

/* 브랜드 */

/* body { overflow-x: hidden; } */
.all_wrap.brand { overflow: visible; }
.sub_brand_wrap { width: 100%; max-width: 1594px; margin: auto; position: relative; opacity: 0; }

.sub_brand_tab { width: 100%; max-width: 1100px; margin: auto; margin-bottom: 2.875rem; display: flex; justify-content: space-between; align-items: center; }
.sub_brand_tab>div { width: 100%; height: 2.75rem; line-height: 2.75rem; color: #fff; text-align: center; font-size: 0.8125rem; background-color: #ccc; }
.sub_brand_tab>div.active { background-color: #000; }
.sub_brand_tab>div>a { width: 100%; height: 100%; display: block; }

.summit_brand_box { position: relative; display: flex; justify-content: center; align-items: center; }
.summit_brand_box.box02 { width: 100%; max-width: 1100px; margin: auto; margin-top: 21.25rem; }
.summit_brand_box.box03 { width: 100%; max-width: 1000px; margin: auto; margin-top: 6.875rem; }
.summit_brand_box.box03>div { width: 100%; } 
.summit_brand_box.box05 { margin-top: 5.625rem; }

.summit_brand_img_box { overflow: hidden; position: relative; }
.summit_brand_img_box img { width: 100%; }
.summit_brand_img_box.box01 img,
.summit_brand_img_box.box02 img { transform: scale(1.2); }
.summit_brand_img_box.box03 { display: flex; justify-content: space-between; align-items: center; gap: 2.5rem; overflow: visible; }
.summit_brand_img { width: 100%; max-width: 262px; position: relative; overflow: hidden; opacity: 0; transform: translateY(-3rem); }

.summit_brand_img_txt { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; color: #fff; z-index: 9; text-align: center; }
.summit_brand_img_txt h3 { font-family: 'Brown'; font-size: 1.125rem; line-height: 116%; letter-spacing: 0.25rem; padding-left: 0.25rem; }
.summit_brand_img_txt h6 { position: absolute; left: 0; right: 0; margin: auto; bottom: 34px; font-size: 14px; line-height: 100%; }


.summit_brand_txt_box { position: relative; }
.summit_brand_txt_box h4 { font-family: 'Brown'; font-size: 1.4375rem; line-height: 100%; padding-right: 1.625rem; margin-right: 1.625rem; position: relative; }
.summit_brand_txt_box h4::after { content: ''; width: 1px; height: 70%; position: absolute; right: 0; top: 2px; bottom: 0; margin: auto; background-color: #000; }
.summit_brand_txt_box h2 { font-family: 'Brown'; font-size: 2.375rem; line-height: 100%; }
.summit_brand_txt_box h2 b { color: #fff !important; font-weight: 500; }
.summit_brand_txt_box h3 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; line-height: 100%; margin-top: 1.5rem; }
.summit_brand_txt_box p { font-size: 0.9375rem; line-height: 188%; opacity: 0.7; margin-top: 8rem; }
.summit_brand_txt_box h5 { font-size: 1.125rem; line-height: 194%; font-weight: 600; }

.summit_brand_txt_box.box01 { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; z-index: 9; opacity: 0; transform: translateY(3rem); }
.summit_brand_txt_box.box01>div { display: flex; justify-content: center; align-items: center; }
.summit_brand_txt_box.box01 img { width: 14.625rem; }
.summit_brand_txt_box.box02 { position: absolute; left: 6.25rem; top: -8.25rem; z-index: 9; text-align: left; opacity: 0; transform: translateX(-5rem); }
.summit_brand_txt_box.box03 { text-align: left; opacity: 0; transform: translateX(4em); }
.summit_brand_txt_box.box03.a { margin-bottom: 4.25rem; }
.summit_brand_txt_box.box03.b { margin-top: 3.75rem; }
.summit_brand_txt_box.box03.b>div { display: flex; justify-content: flex-start; align-items: center; gap: 8.75rem; }
.summit_brand_txt_box.box03 p { margin-top: 0; }
.summit_brand_txt_box.box03 img { width: 25.875rem; }
.summit_brand_txt_box.box04 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; justify-content: center; align-items: center; display: flex; color: #fff; }
.summit_brand_txt_box.box04 h2 { white-space: nowrap; opacity: 0; letter-spacing: 0.75rem; padding-left: 0.75rem; transition: 1.2s; }
.summit_brand_txt_box.box04 img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 11.8125rem; z-index: 9; opacity: 0; transition: 1.2s; }
.summit_brand_txt_box.box04 p { position: absolute; left: 9rem; bottom: 5.625rem; z-index: 2; color: rgba(255,255,255,0.4); transition: 1.0s; opacity: 0; transform: translateY(3rem); text-align: left; }
.summit_brand_txt_box.box04 p::before { content: ''; width: 1px; height: 8.25rem; background-color: #fff; position: absolute; left: -2.375rem; top: -5.625rem; }
.summit_brand_txt_box.box05 { opacity: 0; transform: translateY(3rem); }
.summit_brand_txt_box.box05 img { width: 23.0625rem; margin-top: 5.875rem; }

.imgc.left { right: revert; left: 1rem; }

.summit_brand_box.box04 { width: 100%; height: 400dvh; margin: auto; margin-top: 8.5rem; align-items: flex-start; }
  
.sticky_wrap { width: 100%; position: sticky; width: 100%; top: 9.375rem; height: calc(100dvh - 12.5rem); display: flex; flex-direction: column; justify-content: flex-start; color: #fff; background-color: #000; }
.summit_brand_scroll { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }


.summit_brand_scroll.active5 h2 { opacity: 1; }
.summit_brand_scroll.active6 h2 { letter-spacing: 0 !important; padding-left: 0 !important; }
.summit_brand_scroll.active7 h2 { color: #525252; } 
.summit_brand_scroll.active10 h2 { opacity: 0; }
.summit_brand_scroll.active10 img { opacity: 1; }
.summit_brand_scroll.active12 p { opacity: 1; transform: translate(0); }


.sub_brand_wrap.active { opacity: 1; transition: 1.2s 0s; }
.summit_brand_img_box.active img { transform: scale(1) !important; transition: 3.0s 0s; }
.summit_brand_txt_box.active { opacity: 1 !important; transform: translate(0) !important; transition: 1.2s 0.2s; }
.summit_brand_img:nth-child(1).active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
.summit_brand_img:nth-child(2).active { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.summit_brand_img:nth-child(3).active { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }

/*  */

.limited_story_box { position: relative; display: flex; justify-content: center; align-items: center; }
.limited_story_box.box02 { width: 100%; max-width: 1150px; margin: auto; margin-top: 19.5rem; align-items: flex-start; }
.limited_story_box.box03 { width: 100%; max-width: 71.875rem; margin: auto; margin-top: 7rem; gap: 5rem; justify-content: space-between; }
.limited_story_box.box04 { margin-top: 4.375rem; padding: 4.375rem 0 8.875rem; }

.limited_story_img_box { width: 100%; overflow: hidden; position: relative; }
.limited_story_img_box img { width: 100%; }
.limited_story_img_box.box01 img,
.limited_story_img_box.box02 img { transform: scale(1.2); }
.limited_story_img_box.box03 { max-width: 708px; display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; overflow: visible; }
.limited_story_img { width: 100%; max-width: 227px; position: relative; overflow: hidden; text-align: right; opacity: 0; transform: translateY(-3rem); }
.limited_story_img:nth-child(2) { margin-top: 3rem; }
.limited_story_img:nth-child(3) { margin-top: 6rem; }
.limited_story_img h6 { font-size: 0.75rem; line-height: 100%; margin-top: 0.75rem; }


.limited_story_txt_box { position: relative; text-align: left; z-index: 9; }
.limited_story_txt_box h3 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; line-height: 175%; }
.limited_story_txt_box h1 { font-family: 'Brown'; font-size: 4.125rem; line-height: 100%; }
.limited_story_txt_box h4 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; line-height: 100%; margin-top: 1.5rem; }
.limited_story_txt_box h5 { font-size: 1.125rem; line-height: 155%; }
.limited_story_txt_box p { font-size: 0.9375rem; line-height: 188%; opacity: 0.7; margin-top: 5.625rem; }

.limited_story_txt_box.box01 { text-align: center; margin-top: 4.375rem; opacity: 0; transform: translateY(3rem); }
.limited_story_txt_box.box02 { width: 40%; white-space: nowrap; margin-top: -11.25rem; opacity: 0; transform: translateX(-5rem); }
.limited_story_txt_box.box03 { display: inline-block; margin-right: 0.75rem; opacity: 0; transform: translateX(4rem); min-width: 284px; }
.limited_story_txt_box.box03 p { margin-top: 2.75rem; }

.limited_story_tit { position: relative; display: flex; justify-content: center; align-items: center; }
.limited_story_tit p { display: flex; justify-content: end; margin-top: 1rem; margin-right: 0.875rem; font-size: 1.5rem; opacity: 0; transform: translateY(2rem); transition-duration: 0s; transition-timing-function: ease; }
.limited_story_tit h1:first-child { font-family: 'antro'; font-size: 1.75rem; letter-spacing: -0rem; justify-content: flex-start; margin-bottom: 0.875rem; margin-left: 0.25rem; opacity: 0; transition: 0s; }
.limited_story_tit h1:first-child span { font-size: 2.375rem; display: inline-block; }
.limited_story_tit h1:first-child span:nth-child(2) { margin-left: 0.5rem; }
.limited_story_tit h1 { font-family: 'Brown', sans-serif; font-size: 3.125rem; line-height: 100%; display: flex; justify-content: center; align-items: center; color: #000; letter-spacing: .68rem; }
.limited_story_tit h1 span { display: flex; justify-content: center; align-items: center; }
.limited_story_tit h1 b { font-weight: 400; display: inline-block; opacity: 0; transform: translateY(-5rem); transform: translateY(0); transition-duration: 1.2s; transition-delay: 0s; transition-timing-function: ease; }
.limited_story_tit h1 b.spacing { margin-right: 1rem; }
.limited_story_tit h1 span.space { width: 0rem; }


.limited_story_box.active .limited_story_tit h1 b:nth-child(1) { transition-delay: 0.1s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(2) { transition-delay: 0.3s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(3) { transition-delay: 0.2s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(4) { transition-delay: 0.5s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(5) { transition-delay: 0.0s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(6) { transition-delay: 0.4s; }

.limited_story_box.active .limited_story_tit h1 b:nth-child(7) { transition-delay: 0.6s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(8) { transition-delay: 0.2s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(9) { transition-delay: 0.4s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(10) { transition-delay: 0.3s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(11) { transition-delay: 0.0s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(12) { transition-delay: 0.1s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(13) { transition-delay: 0.5s; }

.limited_story_box.active .limited_story_tit h1 b:nth-child(14) { transition-delay: 0.1s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(15) { transition-delay: 0.5s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(16) { transition-delay: 0.4s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(17) { transition-delay: 0.3s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(18) { transition-delay: 0.6s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(19) { transition-delay: 0.2s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(20) { transition-delay: 0.4s; }
.limited_story_box.active .limited_story_tit h1 b:nth-child(21) { transition-delay: 0.0s; }

.limited_story_box.active .limited_story_tit b { opacity: 1; transform: translate(0); transition-duration: 2.8s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.limited_story_box.active .limited_story_tit p { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.limited_story_box.active .limited_story_tit h1:first-child { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }

.limited_story_img_box.active img { transform: scale(1) !important; transition: 3.0s 0s; }
.limited_story_txt_box.active { opacity: 1 !important; transform: translate(0) !important; transition: 1.2s 0.2s; }
.limited_story_img:nth-child(1).active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
.limited_story_img:nth-child(2).active { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.limited_story_img:nth-child(3).active { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }

/*  */

/* .sub_brand_top { width: 100%; height: 48.875rem; position: relative; overflow: hidden;}
.sub_brand_img { width: 100%; height: 100%; background: url(../sub/brand01.jpg) center no-repeat; background-size: cover; transform:scale(1.2);}
.sub_brand_tit { position: absolute; width: 100%; height: 100%; top: 0;display: flex; justify-content:center; align-items: center; flex-direction: column; opacity: 0; transform:translateX(-3rem);}
.sub_brand_tit h1 { font-family: 'Futura Std', sans-serif; font-size: 2.375rem; text-align: left; width: 80%; line-height: 100%; }
.sub_brand_tit h2 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; text-align: left; width: 80%; line-height: 100%; margin-top: 1.875rem;}
.sub_over_wrap.brand_wrap .sub_brand_top h6 { position: absolute; bottom: -1.8rem; right: 0.8rem; font-size: 0.75rem;}

.sub_brand_bottom { width: 100%; position: relative; padding-top: 6.2rem; display: flex; justify-content:space-between;}
.sub_brand_img02 { position: relative; left: 11%; top: 5.375rem;}
.sub_brand_img02>div { position: relative; overflow: hidden; }
.sub_brand_img02>div:first-child img { opacity: 0; transform:translateX(-3rem); }
.sub_brand_img02 .brand02_tit { position: absolute; font-family: 'Brown'; font-size: 2.5rem; top: 4rem; left: 8.2rem; width: 100%; opacity: 0; transform:translateX(3rem); z-index: -1;}
.sub_brand_img02 .brand02_tit.white { color: #fff; z-index: 2; width: 100%; }

.sub_brand_img02 .txt { position: relative; left: 7.625rem; top: 4.06rem; opacity: 0; transform:translateX(-3rem);}
.sub_brand_img02 .txt h4 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; }
.sub_brand_img02 .txt p { font-size: 0.875rem; color: rgba(0,0,0,0.7); margin-top: 1.65rem; line-height: 180%; }

.sub_brand_img03 { width: 100%; height: 49rem; padding-right: 11%; opacity: 0; transform:translateY(-3rem);}
.sub_brand_img03>div{ position: relative;}
.sub_brand_img03 img { position: absolute; right: 0;}
.sub_brand_img03 p { position: absolute; top: 21.57rem; font-size: 0.875rem; color: rgba(0,0,0,0.7); line-height: 180%; right: 1.8rem; }

.sub_brand_bottom02 { width: 100%; display: flex; justify-content:center;}
.sub_brand_img04 { transform: translate(-4.5rem,-2rem); display: flex; align-items: flex-end;  opacity: 0; transform:translateY(3rem);}
.sub_brand_img04 h6 { font-size: 0.75rem; margin-right: 0.6rem;}

.sub_brand_bottom03 { width: 100%; height: 37rem; position: relative; top: 10rem; padding-bottom: 200px;} 
.sub_brand_img05 { display: flex; justify-content: space-between; opacity: 0; transform:translateY(-3rem); }
.sub_brand_img05 .txt { transform:translate(3.5625rem,5.06rem);}
.sub_brand_img05 p { font-size: 0.875rem; color: rgba(0,0,0,0.7); line-height: 180%;}
.sub_brand_img05 h2 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; line-height: 100%; margin-top: 3rem;}
.sub_brand_img05 .txt img { margin-top: 10.5rem;}


.sub_brand_top.active .sub_brand_img { transform:scale(1); transition:3s .2s;}
.sub_brand_top.active .sub_brand_tit { opacity: 1; transform:translate(0); transition:1.4s .6s;}

.sub_brand_bottom.active .sub_brand_img02>div:first-child img { opacity: 1; transform:translate(0); transition:1.4s .6s;}
.sub_brand_bottom.active .sub_brand_img02 .brand02_tit {  opacity: 1; transform:translate(0); transition:1.2s .6s; }
.sub_brand_bottom.active .sub_brand_img02 .txt {  opacity: 1; transform:translate(0); transition:1.2s .8s; }
.sub_brand_bottom.active .sub_brand_img03 {  opacity: 1; transform:translate(0); transition:1.2s .8s; }
.sub_brand_bottom02.active .sub_brand_img04 {  opacity: 1; transform:translate(0); transition:1.2s .8s; }
.sub_brand_bottom03.active .sub_brand_img05 {  opacity: 1; transform:translate(0); transition:1.2s .8s; } */


/* 파트너 */


.sub_partner_wrap { width: 100%; max-width: 1100px; margin: auto; height: auto; position: relative; text-align: left; padding-bottom: 50px;}
.sub_partner_wrap h2 { font-family: 'Nanum Myeongjo', serif; color: #80644e; font-size: 1.25rem;	text-align: center;	margin: 5.125rem 0 2.625rem; opacity: 0; transform:translateY(-1rem);}
.sub_partner_wrap .part01_content { width: 100%; position: relative; display: flex; justify-content:flex-start; align-items:center; }
.sub_partner_wrap .part01_content h3 { font-family: 'Nanum Myeongjo', serif; font-size: 1.375rem; }
.sub_partner_wrap .part01_content p { font-size: 0.875rem; opacity: 0.7; line-height: 190%; }
.sub_partner_wrap .part01_content.con01 { opacity: 0; transform:translateX(-2rem); }
.part01_content.con01>div:first-child { position: relative; max-width: 461px; }
.part01_content.con01 p { margin-top: 55px;}
.sub_partner_wrap .part01_content img { width: 100%;}
.sub_partner_wrap .part01_content h6 { font-size: 0.75rem; color: #fff; position: absolute; left: 0; bottom: 0; margin: 0 0 6px 10px;}
.part01_content.con01>div:last-child { margin-left: 2.969vw; margin-top: -2rem;}

.sub_partner_wrap .part01_content.con02 { justify-content:space-between; padding-top: 35px; opacity: 0; transform:translateX(2rem); } 
.part01_content.con02>div:last-child { position: relative; max-width: 497px; }

.sub_partner_wrap .part01_content.con03 { padding-top: 61px; padding-left: 8.073vw; align-items:flex-end; opacity: 0; transform:translateX(-2rem);}
.part01_content.con03>div:first-child { position: relative; max-width: 256px;}
.part01_content.con03 .logo { max-width: 125px;}
.part01_content.con03>div:last-child { margin-left: 3.177vw;}
.part01_content.con03 p { margin-top: 27px;}


.sub_partner_wrap .part02_content { width: 100%; position: relative; display: flex; justify-content:flex-start; align-items:center; }
.sub_partner_wrap .part02_content h3 { font-family: 'Nanum Myeongjo', serif; font-size: 1.375rem; }
.sub_partner_wrap .part02_content p { font-size: 0.875rem; opacity: 0.7; line-height: 190%; }
.sub_partner_wrap .part02_content.con01 { justify-content:space-between; align-items: flex-start; margin-top: 4.7rem;}
.sub_partner_wrap .part02_content.con01>div:last-child { opacity: 0; transform:translateY(-2rem); }
.part02_content.con01 p { margin-top: 55px;}
.part02_content.con01 .part_img_box01 { max-width: 683px; margin-top: 60px;}
.part02_content.con01>div { position: relative;}
.part02_content.con01>div:first-child { margin-top: 12px; opacity: 0; transform:translateX(-2rem);}

.sub_partner_wrap .part02_content img { width: 100%;}
.sub_partner_wrap .part02_content h6 { font-size: 0.75rem; color: #fff; position: absolute; left: 0; bottom: 0; margin: 0 0 6px 10px;}
.sub_partner_wrap .part02_content h5 { font-size: 0.75rem; margin-top: 32px;}

.part02_content.con01 .part_img_box02 { max-width: 256px;}
.part02_content.con01 .part_txt_box02 p { margin-top: 45px;}
.part02_content.con01 .part_txt_box02>div { margin-top: 30px; position: relative; width: 100%;}
.part02_content.con01 .part_txt_box02>div img { max-width: 85px; position: absolute; right: 0; margin-bottom: 73px;}
.part02_content.con01 .part_txt_box02 p:last-child { margin-top: 140px;}

.sub_partner_wrap .part02_content.con02 { justify-content:space-between; align-items: flex-start; padding-top: 70px;  opacity: 0; transform:translateX(2rem); }
.sub_partner_wrap .part02_content.con02>div:last-child { position: relative; max-width: 461px;}


.sub_partner_wrap .part03_content { width: 100%; position: relative; display: flex; justify-content:flex-start; align-items:center; }
.sub_partner_wrap .part03_content.con01 { justify-content:space-between; align-items:flex-start; }
.sub_partner_wrap .part03_content.con01>div:first-child {  opacity: 0; transform:translateY(2rem);  }
.sub_partner_wrap .part03_content.con01>div:last-child {  opacity: 0; transform:translateX(-2rem);  }
.sub_partner_wrap .part03_content h3 { font-family: 'Nanum Myeongjo', serif; font-size: 1.375rem; }
.sub_partner_wrap .part03_content p { font-size: 0.875rem; opacity: 0.7; line-height: 190%; }
.sub_partner_wrap .part03_content>div { position: relative; }
.sub_partner_wrap .part03_content.con01>div:last-child { padding-top: 40px;}
.part03_content.con01 .part_txt_box01 { padding-top: 50px; box-sizing: border-box;}
.part03_content.con01 .part_txt_box02 { padding-right: 3.9vw; box-sizing: border-box; }
.part03_content.con01 .part_txt_box02 p { padding: 52px 0 35px;}
.part03_content.con01 .part_img_box01 { position: relative; max-width: 357px; }
.part03_content.con01 .part_img_box02 { position: relative; max-width: 100%; display: flex; flex-direction: column; align-items: flex-end;  }

.sub_partner_wrap .part03_content img { width: 100%;}
.part03_content.con01 .part_img_box02 img { max-width: 424px; }
.sub_partner_wrap .part03_content .part_img_box01 h6 { font-size: 0.75rem; color: #fff; position: absolute; left: 0; bottom: 0; margin: 0 0 6px 10px;}
.sub_partner_wrap .part03_content .part_img_box02 h6 { font-size: 0.75rem; color: #fff; position: absolute; right: 0; bottom: 0; margin: 0 10px 6px 0;}
.sub_partner_wrap .part03_content .part_img_box03 h6 { font-size: 0.75rem; color: #fff; position: absolute; left: 0; bottom: 0; margin: 0 0 6px 10px;}

.sub_partner_wrap .part03_content.con02 { justify-content:flex-end; padding-top: 16px; padding-right: 32px; box-sizing: border-box;  opacity: 0; transform:translateX(-2rem);}

.sub_partner_wrap .part03_content.con03 { padding-top: 80px; padding-left: 14.5vw; opacity: 0; transform:translateX(2rem);}
.part03_content.con03 .part_img_box03 { position: relative; max-width: 256px;}
.part03_content.con03 .part_img_box03 .logo { position: absolute; top: 57px; right: -11vw;}
.part03_content.con03 .part_img_box03 .logo img { max-width: 164px;}
.part03_content.con03 .part_img_box03 .logo p { margin-top: 34px;}



.sub_partner_wrap .part04_content { width: 100%; position: relative; display: flex; justify-content:flex-start; align-items:center; box-sizing: border-box; }
.sub_partner_wrap .part04_content.con01 { justify-content:space-between; align-items:flex-start; }
.sub_partner_wrap .part04_content.con01 .part_txt_box01 { opacity: 0; transform:translateX(-2rem); }
.sub_partner_wrap .part04_content h3 { font-family: 'Nanum Myeongjo', serif; font-size: 1.375rem; }
.sub_partner_wrap .part04_content p { font-size: 0.875rem; opacity: 0.7; line-height: 190%; }
.part04_content.con01 .part_txt_box01 p { padding-top: 56px; }
.part04_content .part_img_box01 { display: flex; gap:17px; padding-top: 122px;}
.part04_content.con01 .part_img_box01>div { max-width: 368px; position: relative; }
.part04_content.con01 .part_img_box01>div:first-child { /* transform: translateY(-34px); */ opacity: 0; transform: translateY(0);}
.part04_content.con01 .part_img_box01>div:last-child { /* transform: translateY(34px); */ opacity: 0; transform: translateY(0);}
.part04_content .part_img_box01 h6 { font-size: 0.75rem; color: #fff; position: absolute; left: 0; bottom: 0; margin: 0 0 6px 10px;}

.sub_partner_wrap .part04_content.con01>div:last-child { opacity: 0; transform:translateY(2rem); }
.part04_content .part_txt_box02 h5 { font-size: 0.75rem; padding-top: 32px;}
.part04_content .part_txt_box02 p { line-height: 170%; padding-top: 40px; padding-bottom: 50px;}
.part04_content .part_img_box02 { max-width: 256px; }
.part04_content .logo { max-width: 131px; position: absolute; right: 0;}

.sub_partner_wrap .part04_content.con02 { padding-top: 86px; opacity: 0; transform:translateX(2rem); }


.part04_content img { width: 100%;}


.sub_partner_wrap.active h2 {  opacity: 1; transform:translate(0); transition:1.2s 0.4s; }
.sub_partner_wrap.active .part01_content.con01 {  opacity: 1; transform:translate(0); transition:1.2s 0.8s; }
.sub_partner_wrap.active .part01_content.con02 {  opacity: 1; transform:translate(0); transition:1.2s 0.8s; }
.sub_partner_wrap.active .part01_content.con03 {  opacity: 1; transform:translate(0); transition:1.2s 1.2s; }

.sub_partner_wrap.active .part02_content.con01>div:first-child {  opacity: 1; transform:translate(0); transition:1.2s 0.8s; }
.sub_partner_wrap.active .part02_content.con01>div:last-child {  opacity: 1; transform:translate(0); transition:1.2s 1.2s; }
.sub_partner_wrap.active .part02_content.con02 {  opacity: 1; transform:translate(0); transition:1.2s 1.6s; }


.sub_partner_wrap.active .part03_content.con01>div:first-child {  opacity: 1; transform:translate(0); transition:1.2s 0.8s; }
.sub_partner_wrap.active .part03_content.con01>div:last-child {  opacity: 1; transform:translate(0); transition:1.2s 0.8s; }
.sub_partner_wrap.active .part03_content.con02 {  opacity: 1; transform:translate(0); transition:1.2s 0.8s; }
.sub_partner_wrap.active .part03_content.con03 {  opacity: 1; transform:translate(0); transition:1.2s 0.8s; }


.sub_partner_wrap.active .part04_content.con01 .part_txt_box01 {  opacity: 1; transform:translate(0); transition:1.2s 0.8s; }
.sub_partner_wrap.active .part04_content.con01 .part_img_box01>div:first-child  {  opacity: 1; transform: translateY(-34px); transition:1.2s 0.8s; }
.sub_partner_wrap.active .part04_content.con01 .part_img_box01>div:last-child  {  opacity: 1; transform: translateY(34px); transition:1.2s 0.8s; }
.sub_partner_wrap.active .part04_content.con01>div:last-child {  opacity: 1; transform:translate(0); transition:1.2s 0.8s; }
.sub_partner_wrap.active .part04_content.con02 {  opacity: 1; transform:translate(0); transition:1.2s 0.8s; }





/* 입지환경 */


.sub_location_img { width: 100%; }
.sub_location_img img { width: 100%;}
.sub_location_txt { position: absolute; bottom: 7.56rem; right: 9.6rem; color: #fff; opacity: 0; transform: translate(3rem);}
.sub_location_txt h2 { font-family: 'Nanum Myeongjo', serif;  font-size: 1.25rem; line-height: 100%; }
.sub_location_txt p { font-size: 0.875rem; line-height: 180%; color: #fff; opacity: 0.7; position: relative; margin-top: 32px;}

.location_wrap .sub_location_txt.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s;}


/* 오시는 길 */

.sub_contact_wrap { width: 100%; max-width: 1100px; margin: auto; height: auto; position: relative; /* display: flex; justify-content: flex-start; gap:10%; opacity: 0; transform: translateY(3rem); */}
.sub_contact_line { position: absolute; width: 1px; height: 0; background-color: #000; opacity: 0.3; right: 23.8%; top: 592px; z-index: -1;}

.sub_contact_top { width: 100%; height:592px; display: flex; align-items: center; overflow: hidden;}
.sub_contact_img { width: 100%; height: 100%; background: url(../sub/contact_img01.jpg)center no-repeat; background-size: cover; opacity: 0; transform: scale(1.2); }
.sub_contact_txt { text-align: center; position: absolute; right: 8.7vw; opacity: 0; transform: translateY(-3rem);}
.sub_contact_txt h4 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; line-height: 140%; font-weight: 400; }
.sub_contact_txt img { max-width: 157px; margin-top: 106px;}
.sub_contact_top .sub_contact_txt p { font-size: 0.875rem; opacity: 0.7; margin-top: 38px;}

.sub_contact_content_box { text-align: left; display: flex; justify-content: space-between; padding-top: 137px; box-sizing:border-box; }
.sub_contact_content_box h2 { font-family: 'Futura Std', sans-serif; font-size: 2.398rem; letter-spacing: 0.2rem; line-height: 100%;}
.sub_contact_content_box h3 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; color: #80644e; line-height: 100%; margin-top: 18px;}
.sub_contact_content_box:first-child>div>div:nth-child(2) { padding-top: 95px; }
.sub_contact_content_box h5 { font-family: 'Nanum Myeongjo', serif; font-size: 1.375rem;padding-top: 103px;padding-bottom: 60px;}
.sub_contact_content_box p { font-size: 0.875rem; line-height: 180%; opacity: 0.7;}

.sub_contact_content_box>div:first-child { opacity: 0; transform: translateX(-3rem);}
.sub_contact_content_box>div:last-child>img { opacity: 0; }
.sub_contact_content_box:first-child>div>div:last-child { margin-top: 76px;}

.sub_contact_box{ padding-top: 78px;}

.sub_contact_map_box { width: 100%; width: 512px; height: 340px; }
.sub_contact_map_box img { width: 100%; }

.sub_contact_map_txt_box { width: 100%; max-width: 512px; margin: 1.5625rem 0; }
.sub_contact_map_txt_box h4 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; margin-right: 24px;}
.sub_contact_add p { font-size: 0.875rem; line-height: 100%; color: #000; opacity: 0.7; position: relative; }
.sub_contact_add p:before { content:''; width: 1px; height: 95%; background-color: rgba(0,0,0,0.7); position: absolute; top: 0; left: -12px; display: block; }

.sub_contact_add { display: flex; justify-content: space-between; align-items: center; font-family: 'Pretendard'; }
.sub_contact_add>div:first-child { display: flex; align-items: center; }

.sub_contact_bt { display: flex; justify-content: flex-end; align-items: center; margin-right: 0; }
.sub_contact_bt a { display: block; margin-left: 0.3125rem; }

.sub_contact_content_box>div:last-child { height: 979px; opacity: 0; transform: translateY(-3rem);}
.sub_contact_txt_box { position: relative;}
.sub_contact_txt_box h6 { font-size: 0.875rem; margin-top: 25px; opacity: 0; }
.sub_contact_txt_box p { margin-top: 56px; margin-bottom: 155px;opacity: 0;}
.sub_conatct_img_box { position: absolute; right: 100%; bottom: -39%; display: flex; justify-content: flex-end; flex-direction:column; align-items: flex-end; gap:15px; padding-right: 15px;}
.sub_conatct_img_box img:last-child { transform:translateX(40%);}


.sub_contact_video { text-align: left; margin-top: 130px; opacity: 0; transform: translateY(3rem);}
.sub_contact_video h5 { font-size: 1.125rem; position: relative; margin-left: 30px; line-height: 100%; margin-bottom: 22px;}
.sub_contact_video h5:before { content:''; width: 1px; height: 100%; position: absolute; background-color: #000; top: 0; left: -15px; }



#map { position: relative; width: 100%; height: 100%; }
#map2 { position: relative; width: 100%; height: 100%; }

.map_marker { font-family: 'Pretendard'; width: auto; height: auto; border: 2px solid #95182c; background-color: #fff; border-radius: 25px; border-radius: 0; text-align: center; display: flex; justify-content: center; align-items: center; padding: 4px 15px 6px; position: relative; box-sizing: border-box; transform: translate(-25%); }
.map_marker img { width: 140px; }
.map_marker p { font-size: 13px; line-height: 100%; color: #1b1414; font-weight: 600; font-size: 19px; margin-top: 7px; }
.map_marker:after { content:''; width: 0px; height: 0px; border-top: 12px solid #95182c; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 0; right: 0; bottom: -12px; margin: auto; }



.sub_contact_wrap.active .sub_contact_line { height: 100%; transition: 6s 1.2s; }
.sub_contact_wrap.active .sub_contact_img{ opacity: 1; transform: scale(1);  transition: 3s 0.2s; }
.sub_contact_wrap.active .sub_contact_txt { opacity: 1; transform: translate(0);  transition: 1.4s 0.4s; }
.sub_contact_content_box.active>div:first-child { opacity: 1; transform: translate(0);  transition: 1.4s 0.4s; }
.sub_contact_content_box.active>div:last-child { opacity: 1; transform: translate(0);  transition: 1.4s 0.4s; }
.sub_contact_video.active { opacity: 1; transform: translate(0);  transition: 1.4s 0.4s; }


/* 단지설계 */

.sub_over_wrap.sub_complex_wrap { width: 100%; max-width: 1408px; margin: auto; height: auto; position: relative; text-align: left; box-sizing: border-box; }
.sub_complex_top { width: 100%; position: relative; display: flex; justify-content: space-between; align-items:flex-start; }
.sub_complex_tit { opacity: 0; transform: translateX(-2rem); }
.sub_complex_tit h2 { font-family: 'Futura Std', sans-serif; font-size: 2.375rem; line-height: 130%;}
.sub_complex_tit h2 b { font-weight: 400; font-size: 3.125rem;}
.sub_complex_tit p { font-size: 0.875rem; opacity: 0.7; line-height: 180%; margin-top: 35px;}

.sub_complex_tit_img { display: flex; justify-content: center; align-items: flex-start; gap:3.2vw; position: relative;}
.sub_complex_tit_img>div { position: relative; max-width: 223px;}
.sub_complex_tit_img>div:first-child { margin-top: 155px; opacity: 0;}
.sub_complex_tit_img>div:nth-child(2) { margin-top: 95px; opacity: 0;}
.sub_complex_tit_img>div:last-child { margin-top: 35px; opacity: 0;}
.sub_complex_tit_img>div img { width: 100%;}
.sub_complex_tit_img h6 { font-size: 0.75rem; position: absolute; line-height: 100%; bottom: -20px; right: 10px;}

.sub_complex_con01 { width: 100%; position: relative; margin-top: 110px;}
.sub_complex_con01>div:first-child { position: relative; overflow: hidden; }
.sub_complex_con01>div:last-child { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction:column; padding-left: 130px; margin-top: -5.5rem; opacity: 0; transform: translateX(-2rem);}
.sub_complex_con01 img { width: 100%; opacity: 0; transform:scale(1.2);}
.sub_complex_con01 h3 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; }
.sub_complex_con01 h6 { font-size: 0.75rem; position: absolute; bottom: -30px; right: 10px;}
.sub_complex_con01 p { font-size: 0.875rem; opacity: 0.7; margin-top: 35px; line-height: 180%;}

.sub_complex_con02 { width: 100%; position: relative; display: flex; justify-content: space-between; align-items:flex-start; margin-top: 117px;}
.sub_complex_con02 .con02_txt_box { margin-top: 80px;}
.sub_complex_con02 h3 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; line-height: 100%;}
.sub_complex_con02 h2 { font-family: 'Futura Std', sans-serif; font-size: 2.375rem; text-transform: uppercase; line-height: 100%; margin-top: 11px;}
.sub_complex_con02 p { font-size: 0.875rem; opacity: 0.7; line-height: 180%; margin-top: 36px;}

.sub_complex_con02 .con02_img_box01 { margin-top: 204px; opacity: 0; transform:translateX(-2rem);}
.sub_complex_con02 .con02_img_box02 { position: relative; max-width: 833px; }
.sub_complex_con02 .con02_img_box02 h6 { font-size: 0.75rem; position: absolute; line-height: 100%; bottom: -20px; right: 10px;}

.sub_complex_con02>div:last-child { opacity: 0; transform:translateX(2rem);}

.sub_complex_con02 .con02_img_box03 { width: 100%; height: 100%; position: relative; margin-top: -60px;}
.sub_complex_con02 .con02_img_box03 img { max-width: 387px; position: absolute; right: 0;	}

.sub_complex_con02 img { width: 100%;}

.sub_complex_con03 { width: 100%; position: relative; margin-top: 120px; display: flex; justify-content: space-between; align-items:flex-start; }
.sub_complex_con03>div:first-child { opacity: 0; transform:translateY(2rem); }
.sub_complex_con03 .con03_img_box01 { max-width: 1029px;}
.sub_complex_con03 img { width: 100%; }
.sub_complex_con03 .con03_txt_box { padding: 100px 85px 0;}
.sub_complex_con03 .con03_txt_box h3 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; line-height: 130%;}
.sub_complex_con03 .con03_txt_box p { font-size: 0.875rem; opacity: 0.7; line-height: 180%; margin-top: 36px;}
.sub_complex_con03 .con03_img_box02 { max-width: 443px; position: relative; left: 45%; margin-top: -250px;}

.sub_complex_con03 .con03_img_box03 { position: relative; max-width: 275px; margin-top: 270px; opacity: 0; transform:translateY(-2rem); }
.sub_complex_con03 .con03_img_box03 img { width: 100%;}
.sub_complex_con03 .con03_img_box03 h6 { text-align: right; font-size: 0.75rem; position: absolute; line-height: 100%; bottom: 5px; left: -65%; line-height: 150%;}

.sub_complex_con04 { width: 100%; position: relative; margin-top: 97px; }
.sub_complex_con04 .con04_img_box01 { overflow: hidden;}
.sub_complex_con04 .con04_img_box01 img{ width: 100%; opacity: 0; transform:scale(1.2);}
.sub_complex_con04 .con04_img_box01>div:last-child { position: absolute; bottom: -141px; left: 77px; opacity: 0; transform:translateY(2rem);}
.sub_complex_con04 h2 { font-family: 'Futura Std', sans-serif; font-size: 2.375rem; text-transform: uppercase; line-height: 130%; color: #fff; }
.sub_complex_con04 h2 b { font-weight: 400; color: #000;}
.sub_complex_con04 h3 { font-family: 'Nanum Myeongjo', serif; font-size: 1.25rem; line-height: 130%; margin-top: 40px;}

.sub_complex_con05 { width: 100%; position: relative; margin-top: 214px; display: flex; justify-content: space-between; align-items:flex-start; }
.sub_complex_con05 .con05_img_box>div { max-width: 329px; position: relative; text-align: center; opacity: 0; transform:translateY(2rem); }
.sub_complex_con05 .con05_img_box img { width: 100%; }
.sub_complex_con05 .con05_img_box h6 { font-size: 0.75rem; color: #fff; position: absolute; bottom: 6px; right: 10px;}	
.sub_complex_con05 .con05_img_box p { font-size: 0.875rem; opacity: 0.7; line-height: 170%; margin-top: 40px;}
.sub_complex_con05 .con05_img_box h4 { font-family: 'Futura Std', sans-serif; font-size: 1.25rem; text-transform: uppercase; line-height: 100%; margin-top: 24px;}


.sub_complex_wrap.active .sub_complex_tit { opacity: 1; transform: translate(0);  transition: 1.4s 0.4s; }
.sub_complex_wrap.active .sub_complex_tit_img>div:first-child { opacity: 1; transition: 1s 0.8s; }
.sub_complex_wrap.active .sub_complex_tit_img>div:nth-child(2) { opacity: 1; transition: 1s 1s; }
.sub_complex_wrap.active .sub_complex_tit_img>div:last-child { opacity: 1; transition: 1s 1.4s; }
.sub_complex_con01.active img { opacity: 1; transform:scale(1); transition: 3s 0.4s;}
.sub_complex_con01.active>div:last-child { opacity: 1; transform:scale(1); transition: 1.2s 0.6s;}
.sub_complex_con02.active .con02_img_box01 { opacity: 1; transform: translate(0);  transition: 1.4s 0.4s; }
.sub_complex_con02.active>div:last-child { opacity: 1; transform: translate(0);  transition: 1.4s 0.4s; }
.sub_complex_con03.active>div:first-child { opacity: 1; transform: translate(0);  transition: 1.4s 0.4s; }
.sub_complex_con03.active .con03_img_box03 { opacity: 1; transform: translate(0);  transition: 1.4s 0.4s; }
.sub_complex_con04.active .con04_img_box01 img { opacity: 1; transform:scale(1); transition: 3s 0.4s;}
.sub_complex_con04.active .con04_img_box01>div:last-child { opacity: 1; transform: translate(0);  transition: 1.4s 0.6s; }
.sub_complex_con05.active .con05_img_box>div { opacity: 1; transform: translate(0);  transition: 1.4s 0.6s; }




/* 언론보도 */

.sub_news_wrap { width: 100%; max-width: 1100px; margin: auto; height: auto; position: relative; box-sizing: border-box;}
.sub_news_top { width: 100%; position: relative; display: flex; justify-content: space-between; gap:1.25rem; text-align: left; }
.sub_news_top>div { width: 100%; border: 1px solid rgba(0,0,0,0.3); position: relative;}
.sub_news_top>div>a { width: 100%; height: 100%; display: block; box-sizing: border-box; padding: 3.3125rem 2.3125rem 3.75rem; }
.sub_news_top h6 { font-size: 0.75rem; color: #85644b; line-height: 100%;}
.sub_news_top h4 { font-size: 1.125rem; margin-top: 0.625rem; height: 5.625rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.sub_news_top p { font-size: 0.8125rem; opacity: 0.7; line-height: 180%; padding-top: 1.75rem; height: 4.75rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.sub_news_top h5 { font-size: 0.75rem; opacity: 0.33; margin-top: 8.4375rem; position: relative;}
.sub_news_top h5 span { position: absolute; width: 0px; height: 1px; background-color: #000; left: 4.625rem; top: 9px;}

.sub_news_top>div>a:before { content:''; width: 0; height: 1px; background-color: #000; position: absolute; left: -1px; top: -1px; transition: 0.4s; }
.sub_news_top>div>a:after { content:''; width: 1px; height: 0; background-color: #000; position: absolute; right: -1px; top: -1px; transition: 0.4s; }
.sub_news_top>div:before { content:''; width: 0; height: 1px; background-color: #000; position: absolute; right: -1px; bottom: -1px; transition: 0.4s; }
.sub_news_top>div:after { content:''; width: 1px; height: 0; background-color: #000; position: absolute; left: -1px; bottom: -1px; transition: 0.4s; }

.sub_news_top>div:hover>a:before { width: calc(100% + 2px); }
.sub_news_top>div:hover>a:after { height: calc(100% + 2px); }
.sub_news_top>div:hover:before { width: calc(100% + 2px); }
.sub_news_top>div:hover:after { height: calc(100% + 2px); }

.sub_news_top>div:hover h5 { opacity: 1; }
.sub_news_top>div:hover h5 span { width: 2.25rem; transition: 0.2s 0.2s;}

.sub_news_bottom { width: 100%; position: relative; margin-top: 3.9375rem; }
.sub_news_bottom h3 { font-family: 'Futura Std', sans-serif; font-size: 1.375rem; text-align: left; line-height: 100%;}

.sub_news_table {
  margin-top: 0.9375rem;
  width: 100%;
  border-collapse: collapse;
  font-family: 'Pretendard', sans-serif;
  font-size: 0.875rem;
}

.sub_news_table thead th {
  border-bottom: 1px solid rgba(0,0,0,0.3);
  border-top: 2px solid #000;
  padding: 0.75rem 0.625rem;
  text-align: center;
  font-size: 0.875rem;
 
}

.sub_news_table .source-col,
.sub_news_table .date-col {
  text-align: center;
  white-space: nowrap;
}

.sub_news_table tbody tr {
  border-bottom: 1px solid rgba(0,0,0,0.3);
}

.sub_news_table tbody tr a { display: block; width: 100%; height: 100%;}

.sub_news_table td {
  padding: 2.375rem 0.625rem;
  vertical-align: middle;
  line-height: 100%;
  font-size: 0.875rem;
}

.sub_news_table td:nth-child(2) { min-width: 5rem; }
 
.sub_news_table td.title-cell { text-align: left; line-height: 100%;}

.sub_news_table .title-cell strong {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: 500;
  color: #000;
  font-size: 1rem;
  line-height: 100%;
  height: 1rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;
  
}

.sub_news_table .title-cell small {
  color: #000;
  opacity: 0.7;
  line-height: 100%;
  font-size: 0.8125rem;
  display: inline-block;
  margin-top: 0.625rem;
  height: 0.8125rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;
}

.sub_news_table .source-cell,
.sub_news_table .date-cell {
  color: #000;
}


.sub_news_table tbody tr:hover { background-color: rgba(0,0,0,0.05);}




/* vr */


.vr_box { width: 100%; max-width: 1200px; margin: auto; position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; margin-top: 0; }
.vr_box iframe { position: absolute; left: 0; right: 0; width: 100%; height: 100%; }

.vr_bt { display: inline-block; font-size: 1rem; border-radius: 3.75rem; color: #fff; background-color: #a42552; text-align: center; margin-top: 32px; overflow: hidden; }
.vr_bt a { width: 100%; height: 100%; display: block; padding: 0.75rem 3.375rem; text-align: center; box-sizing: border-box; }

.vr_bt_box { width: 100%; display: flex; justify-content: flex-end; margin-top: 15px; }
.vr_bt_box ul { width: 100%; max-width: 600px; display: flex; justify-content: flex-end; }
.vr_bt_box ul li { width: 100%; margin-left: 2%; border-radius: 0px; height: 45px; line-height: 45px; text-align: center; background-color: #000; color: #fff; font-size: 16px; }
.vr_bt_box ul li a{ width: 100%; height: 100%; display: block; }
.vr_bt_box ul li:nth-child(1) { background-color: #840d3e; margin-left: 0; }
.vr_bt_box ul li:nth-child(2) { background-color: #888; }
.vr_bt_box ul li:nth-child(3) { background-color: #353334; }

.vr_pop { width: 95%; max-width: 1100px; margin: auto; position: relative; padding-top: 70px; padding-bottom: 100px; }
.vr_pop h2 { text-align: center; font-size: 36px; line-height: 100%; color: #000; margin: 0; padding: 0; margin-bottom: 30px; font-weight: 500; }

.vr_pop ul.tabs3 { display: flex; justify-content: space-between; float: none; margin-bottom: 15px; }
.vr_pop ul.tabs3>li { width: 100%; text-align: center; height: 55px; margin-left: 0; border-left: none; font-size: 16px; font-weight: 500; background-color: #e9eaec; box-sizing: border-box; }
.vr_pop ul.tabs3>li>a { padding: 0; letter-spacing: 0; line-height: 55px; display: block; }
.vr_pop ul.tabs3>li:first-child { margin-left:0; border-left: 1px solid #ccc; }
.vr_pop ul.tabs3 li.selected, .vr_pop ul.tabs li.selected:hover { background-color: #4f372b !important; border: 1px solid #4f372b !important; }
.vr_pop ul.tabs3 li.selected a, .vr_pop ul.tabs li.selected a:hover { color: #fff; }

.vr_pop ul.tabs2 { display: flex; justify-content: space-between; float: none; margin-bottom: 0rem; }
.vr_pop ul.tabs2>li { width: 100%; text-align: center; margin-left: 0; height: 40px; font-size: 14px; border: #f3f3f3; background: #f3f3f3; border-left: 1px solid #fff; border-top: 2px solid #f3f3f3; box-sizing: content-box; }
.vr_pop ul.tabs2>li>a { padding: 0; letter-spacing: 0; display: block; line-height: 40px; }
.vr_pop ul.tabs2>li:first-child { margin-left:0; border-left: none; }
.vr_pop ul.tabs2 li.selected, .vr_pop ul.tabs li.selected:hover { background: #fff; border: #f3f3f3; border-top: 2px solid #4f372b; }
.vr_pop ul.tabs2 li.selected a, .vr_pop ul.tabs li.selected a:hover { color: #444; }

/**/

.magam_box { width: 100%; max-width: 1100px; margin: auto; position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 6000px; margin-top: 0; }
.magam_box iframe { position: absolute; left: 0; right: 0; width: 100%; height: 100% !important; }

.magam_box2 { width: 100%; max-width: 1100px; margin: auto; position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 12800px; margin-top: 0; }
.magam_box3 { width: 100%; max-width: 1100px; margin: auto; position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 4050px; margin-top: 0; }
.magam_box4 { width: 100%; max-width: 1100px; margin: auto; position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 9450px; margin-top: 0; }


/**/


.sub_gongo_wrap { width: 100%; max-width: 1100px; margin: auto; height: auto; position: relative; color: #000; }

.sub_gongo_top { width: 100%; height: 500px; display: flex; justify-content: space-between; align-items: center; overflow: hidden; }

.sub_gongo_img_box { width: 57.545%; height: 100%; background: url(../sub/planning01.jpg) center no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; position: relative;}

.sub_gongo_tit { text-align: center; position: relative; z-index: 9; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 9; display: flex; justify-content: center; align-items: center; }
.sub_gongo_tit>div { transform: translateY(-2rem); }
.sub_gongo_titt h4 { font-size: 1.375rem; line-height: 136%; font-weight: 100; transition: 1.0s 0s; }
.sub_gongo_tit h4 b { font-weight: 700; }
.sub_gongo_tit h2 { font-size: 3.3125rem; line-height: 120%; font-weight: 200; margin-top: 0; transition: 1.0s 0s; }
.sub_gongo_tit h2 b { font-weight: 700; }
.sub_gongo_tit p { font-size: 0.9375rem; line-height: 140%; margin-top: 2rem; opacity: 0.7; }

.sub_gongo_txt_box { width: 40%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; text-align: left; }
.sub_gongo_txt_box>div { width: 100%; height: 50%; border: 1px solid #b2b2b2; box-sizing: border-box; margin-bottom: 5%; position: relative; }
.sub_gongo_txt_box>div>a { width: 100%; height: 100%; display: block; box-sizing: border-box; padding: 50px 30px 45px; }
.sub_gongo_txt_box>div:nth-child(2) { margin-bottom: 0; }
.sub_gongo_logo { transform: scale(0.7); transform-origin: left top;}
.sub_gongo_txt_box h2 { font-size: 28px; line-height: 100%; margin-top: 10px; margin-left: -2px; }
.sub_gongo_txt_box h2 span { font-size: 18px;}
.sub_gongo_txt_box p { font-size: 12px; line-height: 167%; opacity: 0.7; margin-top: 25px; }

.sub_gongo_bt { width: 48px; height: 48px; background-color: #e3e3e3; position: absolute; right: 35px; bottom: 35px; border-radius: 100%; }
.sub_gongo_bt>div { width: 30px; height: 17px; position: absolute; left: -10px; top: 0; bottom: 0; margin: auto; transition: 0.4s; }
.sub_gongo_bt>div:before { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.sub_gongo_bt>div:after { content:''; width: 10px; height: 10px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); transform-origin: center; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }

.sub_gongo_notice { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 30px; }
.sub_gongo_notice a { width: 13%; display: block; }
.sub_gongo_notice img:nth-child(1) { width: 59%; }
.sub_gongo_notice a img:nth-child(1) { width: 100%; }
.sub_gongo_notice img:nth-child(3) { width: 28%; }

.sub_gongo_txt_box>div>a:before { content:''; width: 0; height: 1px; background-color: #000; position: absolute; left: -1px; top: -1px; transition: 0.4s; }
.sub_gongo_txt_box>div>a:after { content:''; width: 1px; height: 0; background-color: #000; position: absolute; right: -1px; top: -1px; transition: 0.4s; }
.sub_gongo_txt_box>div:before { content:''; width: 0; height: 1px; background-color: #000; position: absolute; right: -1px; bottom: -1px; transition: 0.4s; }
.sub_gongo_txt_box>div:after { content:''; width: 1px; height: 0; background-color: #000; position: absolute; left: -1px; bottom: -1px; transition: 0.4s; }

.sub_gongo_txt_box>div:hover>a:before { width: calc(100% + 2px); }
.sub_gongo_txt_box>div:hover>a:after { height: calc(100% + 2px); }
.sub_gongo_txt_box>div:hover:before { width: calc(100% + 2px); }
.sub_gongo_txt_box>div:hover:after { height: calc(100% + 2px); }

.sub_gongo_txt_box>div:hover .sub_gongo_bt>div { left: -3px; }


@media all and (max-width: 1640px) { 

html { font-size: 12px; }
.main_txt { width: 35.44rem; }
.premium_icon img { width: 100%; transform: scale(0.75); }
.premium_txt { width: 24.56rem; }
.brand_logo img { width: 17.25rem; }
.footer_logo img { width: 11.56rem; }


}