@charset "utf-8";
/************** 서브섹션-unititem 세대안내-슬라이드 **************/
/* .sub-unititem {}
.sub-unititem {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub-unititem .unititem-slide {display:flex; margin: 0; width: 100%; align-items: center; justify-content: center; box-sizing: border-box;}
.sub-unititem .unititem-slide .swiper-wrapper {display: grid; grid-template-columns: 1fr 1fr; gap: 5rem;}
.sub-unititem .unititem-slide .swiper-slide {position: relative; border: 1px solid var(--lightgray); box-sizing: border-box;}
.sub-unititem .unititem-slide .bg {background-repeat: repeat; background-position: center; background-size: cover; overflow: hidden;}
.sub-unititem .unititem-slide .bg img {display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.sub-unititem .unititem-slide .bg a:hover img {transform: var(--transform); transition-property: transition opacity; opacity: 1;}
.sub-unititem .unititem-slide .bg a:hover:after {left: 0px; right: 0px; top: 0px; bottom: 0px; color: var(--simple-color); border: 15px solid currentColor; transition: var(--transition2); opacity: 0.5;}
.sub-unititem .unititem-slide .bg a:after {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; display: block; border:rgba(255,255,255,0.0) 0px solid; z-index: 8; transition-property: transition;}
.sub-unititem .unititem-slide .copy {color: var(--white); padding: 2rem 5rem 3rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.3rem; background: var(--accent-color); position: absolute; top: 0; left: 0; z-index: 1;}
.sub-unititem .unititem-slide .copy p {opacity: .5;}
.sub-unititem .unititem-slide .copy > b {font-weight: 300;}
.sub-unititem .unititem-slide .copy span.mtxt {font-weight: 600; font-size: 4.25rem; text-transform: uppercase;}
.sub-unititem .unititem-slide .copy span.stxt {font-weight: 200;}
.sub-unititem .unititem-slide .copy em {color: var(--white); font-weight: bold; }
페이지넘버
.sub-unititem .pag {position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 2; font-weight: 200; color: var(--white); display: none;}
.sub-unititem .pag b {font-weight: 800; margin-right: 10px; color: var(--theme-color);}
.sub-unititem .pag em {margin-left: 10px;}
좌우버튼-버튼영역
.sub-unititem .prev, .sub-unititem .next {position: absolute; z-index: 3; width: 60px; height: 60px; border-radius: 20rem; display: block; left: 2rem; top: 50%; transform: translateY(50%); transition: var(--transition2); color: var(--white); box-shadow: var(--box-shadow1); background: var(--white-a3); display: none;}
.sub-unititem .next {left: auto; right: 2rem;}
.sub-unititem .prev:hover, .sub-unititem .next:hover {display: block;}
좌우버튼-화살표
.sub-unititem .prev::after, .sub-unititem .next::after {content: '\f053'; font-family: var(--awesome); font-weight: 600;}
.sub-unititem .next::after {content: '\f054';}
페이징동그라미
.sub-unititem .pag-num {display: flex; justify-content: center; margin: 3rem 0rem; }
.sub-unititem .pag-num .swiper-pagination-bullet {margin:0 0.2rem; width: 3rem; height: 1rem; background-color: var(--mudgray); opacity: 0.3; transition: var(--transition2); border-radius: 0.5rem; transition-property: width opacity;}
.sub-unititem .pag-num .swiper-pagination-bullet-active {background-color: var(--accent-color); opacity: 1;}
.sub-unititem .pag-num span {font-size: 0rem; color: var(--white); display: flex; align-items: center; justify-content: center;} */




/****************** 서브섹션-오시는길 .main-loc로 동일화 2025-07-21 ******************/
/* .sub-loc {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub-loc .desc {display: flex; justify-content: center; align-items: flex-start; color: var(--theme-color); width: 100%; gap: 5rem;}
.sub-loc .desc .text {display: flex; flex: 1; flex-direction: column; gap: 2rem; padding:0; margin-right: 0rem; text-align: left;}
.sub-loc .desc .text b {font-size: 3.5rem;}
.sub-loc .desc .text p {}
.sub-loc .desc .text .tel {display: flex; flex-direction: column; font-size: 2.2rem; font-weight: 500; margin-top: 2rem;}
.sub-loc .desc .text .tel em {font-size: 5.3rem; font-weight: 800; letter-spacing: -0.05em;}
.sub-loc .desc .text .caution {display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.6rem; color: var(--mudgray);}
.sub-loc .desc .text .caution li {display: flex;;}
.sub-loc .desc .text .caution li:before {display: inline-block; content: "※"; font-size: inherit; font-weight: 400; padding-right: 0.5rem;}
.sub-loc .desc .loc-add-txt {display: flex; flex-direction: column; gap: 1rem; font-size: 2.25rem; color: var(--tanblack);}
.sub-loc .desc .loc-add-txt li {margin-left: 3rem;  display: flex;}
.sub-loc .desc .loc-add-txt li::before {display: inline-block; margin-left: -3rem; padding-right:1rem;}
.sub-loc .desc .loc-add-txt li:first-child::before {content: "\e4d1";}
.sub-loc .desc .loc-add-txt li:last-child::before {content: "\f5a0";}
.sub-loc .desc .map {flex: 1.5; position: relative; border:1px solid var(--lightgray); margin-right: auto; overflow: hidden;}
.sub-loc .desc .map img {object-fit: cover; object-position: center;}
.sub-loc .desc .map .btn-bx-sns {display: flex; position: absolute; bottom: 0; left: 0; width: 100%; display: none;}
.sub-loc .desc .map .btn-bx-sns a {display: flex; padding: 3rem 3rem; justify-content: center; align-items: center; gap: 1rem; color: var(--white); text-align: center;line-height: 1.1;}
.sub-loc .desc .map .btn-bx-sns a::after {content: '\f08e'; font-size: 2rem; margin-left: auto;}
.sub-loc .desc .map .btn-bx-sns .btn-kakao {background: var(--theme-color);}
.sub-loc .desc .map .btn-bx-sns .btn-naver {background: var(--accent-color);} */


/* @media screen and (max-width: 1740px) {	

	@media screen and (max-width: 1470px){
	}
	@media all and (max-width:1300px){    
	}  
	@media all and (max-width:1280px){
	}
	@media screen and (max-width: 1024px){
    
    
	.sub-loc .desc {flex-direction:column-reverse; gap: 5rem;}
	.sub-loc .desc .text {width: 100%; margin-right: 0;}
	.sub-loc .desc .map {max-width: 100%; }
	.sub-loc .desc .btn-bx-sns a {width: 50rem;}
	.sub-unititem .unititem-slide .swiper-wrapper {grid-template-columns: 1fr;}	
	}
	@media screen and (max-width: 800px){	
	}
	
	@media all and (max-width:680px){
	.summary-inner tbody tr {display: grid; grid-template-columns: 15rem 4fr; height: unset;}
	.summary-inner tbody tr th, .summary-inner tbody tr td, .summary-inner tbody tr td:nth-child(odd) {width:100%; height: 100%; border-bottom: 1px solid var(--lightgray); padding: 1rem;}	
	}
	@media all and (max-width:480px){	
	}
	@media screen and (max-width: 360px){	
	}

} */