@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
.nmMainWrap{
	position:relative;
	width:100%;
}

/*---------------------------------------------------------------------
#  메인 비주얼
-----------------------------------------------------------------------*/
.mainV_Wrap{position:relative;width:100%;height:100vh;box-sizing: border-box;}
/*메인 비주얼 h1*/
.maTitleInner {left: 0;bottom: 48%;width: 100%;position: absolute;z-index: 11;}
.maTitle {display: flex;position: relative;box-sizing: border-box;    max-width: 156rem;
    padding: 0 2rem;margin: 0 auto;width: 100%;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.maTitle dl{text-align:left;margin:0 0 2rem 0;color: #FFF;font-family: 'Outfit', sans-serif;font-size: 2.8rem;font-style: normal;font-weight: 500;line-height: 3.4rem;letter-spacing: 0.56px;}
.maTitle h1 {
    gap: 1.8rem;
    margin: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.maTitle h1 span {
	opacity: 1;top: 0rem;position: relative;
	color: #ECE8DF;
	font-family: MaruBuri;
	font-size: 6.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 8rem;
	letter-spacing: -0.192rem;
}
.maTitle h2 {
    gap: 1.8rem;
    margin: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.maTitle h2 span {
	opacity: 1;top: 0rem;position: relative;
	color: #ECE8DF;
	font-family: MaruBuri;
	font-size: 6.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 8rem;
	letter-spacing: -0.192rem;
}

/*메인 비주얼 써클 로딩*/
.maspBox {
height: 1.3rem;
position: absolute;
left: 0;
bottom: 42%;
width: 100%;
z-index: 11;
}
.maspInner {
height: 1.3rem;
display: flex;
position: relative;
box-sizing: border-box;
max-width: 152rem;
padding: 0 2rem;
margin: 0 auto;
width: 100%;
align-items: center;
justify-content: flex-start;
}

.maspInner .pager{display:flex;justify-content:center;gap:2rem}
.maspInner .pager button{opacity:1;position:relative;display:flex;justify-content:center;align-items:center;width:auto;height:auto;border-radius:50%;color:#fff;cursor:pointer;background:transparent;transition:.2s}
.maspInner .pager button:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:5px;height:5px;border-radius:50%;background-color:#DCCEBA;content:"";transition:all .2s}
.maspInner .pager button.on:after{opacity:0}
.maspInner .pager .progress{transform:rotate(-90deg)}
.maspInner .pager .circle-origin{fill:transparent;stroke:#B4A48D;stroke-width:4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:all .2s}
.maspInner .pager button.on .circle-origin {animation: progress 5s linear forwards;}
@keyframes progress {from { stroke-dashoffset: -38; }to { stroke-dashoffset: 0; }}
svg.progress.mo_circle{display:none;}
@media screen and (max-width: 767px) {
	.maspBox {
		bottom: 66%;
	}
	svg.progress.pc_circle{display:none;}
	svg.progress.mo_circle{display:inline-block;width:12px;height:12px;}
	.maspInner .pager {gap: 1rem;}
	.maspInner .pager .circle-origin{stroke-width:2;}
	.maspInner .pager button:after{width:3px;height:3px;}
	.maspInner .pager button.on .circle-origin {animation: progress 5s linear forwards;}
	@keyframes progress {from { stroke-dashoffset: -20; }to { stroke-dashoffset: 0; }}
}




.mainvSlide.swiper{
	z-index:10;
	position:relative;
	height:100%;
	box-sizing: border-box;
}
.mainvSlide .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.mainvSlide .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.mainBgbox{
	box-sizing: border-box;
	position:relative;
	width:100%;
	overflow: hidden;
	height:100%;
	background: #fff;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.mainBgbox.bg01{
	background-image: url(/public/new_img/main/mainv_01_pc.webp);
}
.mainBgbox.bg02{
	background-image: url(/public/new_img/main/mainv_02_pc.webp);
}
.mainBgbox.bg03{
	background-image: url(/public/new_img/main/mainv_03_pc.webp);
}
.mainBgbox.bg04{
	background-image: url(/public/new_img/main/mainv_04_pc.webp);
}
@media (max-width:1600px) {
	.maTitle h1 span,
	.maTitle h2 span{
		font-size: 6rem;
		line-height: 7.4rem;
		letter-spacing: -0.142rem;
	}
}
@media (max-width:1200px) {
	.mainV_Wrap {
		height: 84rem;
	}
}
@media (max-width:991px) {
	.mainV_Wrap {
		height: 80rem;
	}
	.maTitle h1 span,
	.maTitle h2 span{
		font-size: 5rem;
		line-height: 6.4rem;
		letter-spacing: -0.142rem;
	}
}
@media (max-width:767px) {
	.mainV_Wrap {
		height: calc(100vh - 6rem);
		min-height:60rem;
	}
	.mainBgbox{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	.mainBgbox.bg01 {
		background-image: url(/public/new_img/main/mainv_01_mo.webp);
	}
	.mainBgbox.bg02 {
		background-image: url(/public/new_img/main/mainv_02_mo.webp);
	}
	.mainBgbox.bg03 {
		background-image: url(/public/new_img/main/mainv_03_mo.webp);
	}
	.mainBgbox.bg04 {
		background-image: url(/public/new_img/main/mainv_04_mo.webp);
	}
	
	.maTitleInner {
		padding: 9rem 0 0 0;
		top: 0;
		left: 0;
		bottom: inherit;
	}
	.maTitle h1 span,
	.maTitle h2 span{
		font-size: 3rem;
		line-height: 3.6rem;
		letter-spacing: -0.09rem;
	}
	
	.maTitle h1, .maTitle h2 {
		gap: 0.8rem;
	}
}
/*-----------------------------------------
# 메인 비주얼 하단 뉴스 슬라이드
-------------------------------------------*/
.mavnewSlideBox{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:9rem;
	z-index:10;
	display:flex;
}
.mavnewSlide{
	position:relative;
	width:100%;
	height:100%;
}
.mavnewSlide:nth-child(1) {
    display: flex;
    background: #fff;
    justify-content: flex-end;
    align-items: center;
}
.mavnewSlide:nth-child(2) {
    display: flex;
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(15px);
    align-items: center;
    justify-content: flex-start;
}

.mavnewSlideInner {
    height: 100%;
    position: relative;
    width: 78rem;
}
.mavnewSlideInner span {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    left: 2rem;
    color: #6E7474;
    text-align: center;
	font-family: pretendard-700;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.2rem;
}
.mavnewSlideInner b{
	display:inline-block;
	position:absolute;
	right:0;
	transform: translateY(-50%);
    top: 50%;
	width:3.2rem;
	height:3.2rem;
	background-image: url(/public/new_img/common/circle_arrow.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.mavnewSlide:nth-child(1) .mavnewSlideInner {
    padding: 0 6rem 0 10.6rem;
}
.mavnewSlide:nth-child(1) .mavnewSlideInner b{
    right:6rem;
}
.mavnewSlide:nth-child(2) .mavnewSlideInner {
    padding: 0 2rem 0 13.8rem;
}
.mavnewSlide:nth-child(2) .mavnewSlideInner span{
	left:6rem;
	color:#fff;
}
.mavnewSlide:nth-child(2) .mavnewSlideInner b{
    right:2rem;
}

.mavnewBar {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100%;
    padding: 0;
}
.mavnewBar .swiper {
    height: 100%;
    padding: 0 3.2rem 0 0;
}
.mavnewBar .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    flex-direction: column;
}
.mavnewBar .swiper-slide{height:100%!important;}

.mavnew {
    width: 100%;
    height: 100%;
    position: relative;
}
.mavnewTitle {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0;
    align-items: center;
    justify-content: flex-start;
}
.mavnewTitle a{
	display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-800;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: -0.54px;
	line-height: 3.2rem;
}
.mavnewSlide:nth-child(1) .mavnewTitle a{
    color: #2F2C2C;
}
.mavnewSlide:nth-child(2) .mavnewTitle a{
    color: #fff;
}
@media (max-width:1480px) {
	.mavnewSlideInner {
		width: 100%;
	}
}
@media (max-width:1400px) {
	.mavnewSlideBox {
		height: 7rem;
	}
}
@media (max-width:991px) {
	.mavnewSlideBox {
		display: flex;
		height: auto;
		flex-direction: column-reverse;
	}
	.mavnewSlide{
		overflow:hidden;
		height:6rem;
	}
	.mavnewSlide:nth-child(1) .mavnewSlideInner b {
		right: 2rem;
	}
	.mavnewSlide:nth-child(2) .mavnewSlideInner {
		padding: 0 6rem 0 10.6rem;
	}
	.mavnewSlide:nth-child(2) .mavnewSlideInner span {
		left: 2rem;
	}
	.mavnewTitle a {
		font-size: 1.7rem;
		letter-spacing: -0.54px;
		line-height: 3.2rem;
	}
}
@media (max-width:767px) {
	.mavnewSlide {
		height: 5rem;
	}
	.mavnewSlide:nth-child(1) .mavnewSlideInner {
		padding: 0 4.6rem 0 7rem;
	}
	.mavnewSlide:nth-child(2) .mavnewSlideInner {
		padding: 0 4.6rem 0 7rem;
	}
	.mavnewSlideInner span {
		width: 4rem;
		left: 2rem;
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.mavnewTitle a {
		font-weight: 400;
		font-family: pretendard-400;
		font-size: 1.3rem;
		letter-spacing: -0.39px;
		line-height: 2rem;
	}
	.mavnewSlideInner b {
		width: 1.6rem;
		height: 1.6rem;
	}
}

/*---------------------------------------------------------------------
#  메인 Before & After
-----------------------------------------------------------------------*/
.basqWrap{
	overflow:hidden;
	width:100%;
	position:relative;
	background: #FFF;
	padding:10rem 0 14rem 0;
}
.basqSideBox {
    max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.nmMa_titleBox.basqCont {
    gap: 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: column;
}
.nmMa_titleBox.basqCont dl{
	text-transform: initial;
}
.nmMa_titleBox.basqCont dl p{
	text-align:right;
	margin:0 0 1rem 0;
}

.basqSildeBox .commonBtn {
    position: absolute;
    right: 0;
    top: 1.6rem;
}
.basqSildeBox {
    position: relative;
    width: 100%;
    margin: 3.4rem 0 0 0;
    /* display: flex; */
    /* gap: 7.8rem; */
    /* align-items: flex-end; */
	
	padding:0 60.2rem 0 0;
}
.basqTopBox{
	position:relative;
	width:100%;
	padding:0 7.8rem 0 0;
	background:#fff;
	overflow:hidden;
	z-index:5;
}
.basqTopBox .swiper {
    position: relative;
    overflow: hidden;
    border-radius: 0.6rem;
    width: 100%;
}

.basqTopBox .swiper-wrapper{
	/* overflow:hidden; */
	width:100%;
}
.basqTopBox .swiper-slide{
	/* overflow:hidden; */
	width:100%!important;
}
.basqTopBox .swiper.basq-top p{
	position:absolute;
	z-index:3;
	left:0;
	bottom:0;
	width:100%;
    padding: 15.514% 0 16px 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.09) 50%, rgba(0, 0, 0, 0.30) 100%);
	color: #FFF;
	text-align: center;
	font-family: pretendard-500;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.6rem;
}
.basqBottomBox{
	position:absolute;
	right:0;
	bottom:0;
	width:60.2rem;
	z-index:3;
}
.basqBottomBox dl {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3.6rem;
    color: #555;
    text-align: center;
	font-family: pretendard-500;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    text-transform: uppercase;
}
/* .basqBottomBox { */
    /* display: flex; */
    /* position: relative; */
    /* width: 60.2rem; */
    /* flex-direction: column-reverse; */
/* } */

.basqImgBox{
	width:100%;
	position:relative;
	display:flex;
	border-radius: 0.6rem;
	overflow:hidden;
}
.basqImgBox:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.6rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-top-color: rgba(0, 0, 0, 0.08);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.08);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.08);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 3;
}


.basqImg {
    width: 100%;
    padding-bottom: 50%;
    position: relative;
    z-index: 3;
    overflow: hidden;
    display: flex;
}
.basqImg img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	/* max-width: max-content; */
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.basqImg.main img{
	/* max-width: 100%; */
}
.basqImgInfo{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:3;
	display: flex;
	padding: 1.6rem;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%);
}
.basqImgInfo span{
	border-radius: 99px;
	background: rgba(255, 255, 255, 0.70);
	backdrop-filter: blur(5px);
	display: flex;
	padding: 1rem 2.5rem;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	color: #000;
	text-align: center;
	font-family: pretendard-600;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.6rem;
	text-transform: uppercase;
}
.basqImgInfo b{
	margin:0;
	color: #FFF;
	text-align: right;
	font-family: Cormorant;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
	letter-spacing: 0.6px;
	text-transform: uppercase;
}
.basqImg.af .basqImgInfo span{
	background: rgba(220, 206, 186, 0.70);
}

.basqBottomBox .swiper-slide-thumb-active .basqSum:after{
	/* border: 1px solid red; */
}
.basqSum {
    padding-bottom: 100%;
    position: relative;
    border-radius: 0.6rem;
    overflow: hidden;
    display: flex;
}
.basqSum img{
	
	/* max-width: max-content; */
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.basqSum.main img{
	/* height:100%; */
	/* max-width: 100%; */
}
.basqSum:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.6rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 3;
}

.basqBtnBoxInner {
    bottom: 15.4rem;
    right: 0;
    position: absolute;
}
.basqBtnBox {
    margin: 0;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.basqBtnBox .swiper-button-prev {
    position: relative;
    top: 0;
	left:inherit;
	right:inherit;
    width: 6.7rem;
    height: 6.7rem;
    margin:0;
	background: #DCCEBA;
	border-radius: 0.6rem 0 0 0.6rem;
}
.basqBtnBox .swiper-button-next{
	position: relative;
    top: 0;
	left:inherit;
	right:inherit;
    width: 6.7rem;
    height: 6.7rem;
    margin:0;
	background: #DCCEBA;
	border-radius: 0 0.6rem 0.6rem 0;
}
.basqBtnBox .swiper-button-prev:after {
    height: 1.9rem;
    width: 1.9rem;
    content: '';
    background-image: url(/public/new_img/common/sl_prev.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.basqBtnBox .swiper-button-next:after {
    height: 1.9rem;
    width: 1.9rem;
    content: '';
    background-image: url(/public/new_img/common/sl_next.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width:1600px) {
	.basqTopBox {
		padding: 0 4rem 0 0;
	}
}
@media (max-width:1400px) {
	.basqSildeBox .commonBtn {
		top: 0;
	}
}
@media (max-width:1200px) {
	.basqSildeBox {
		margin: 3rem 0 0 0;
		padding: 0 50.2rem 0 0;
	}
	.basqBottomBox {
		width: 50.2rem;
	}
	.basqBottomBox dl {
		bottom: -3rem;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	
	.basqBtnBoxInner {
		bottom: 17rem;
	}
	.basqBtnBox .swiper-button-prev,
	.basqBtnBox .swiper-button-next{
		width: 6rem;
		height: 6rem;
	}
}
@media (max-width:1100px) {
	.basqWrap {
		padding: 10rem 0 16rem 0;
	}
	.basqSildeBox .commonBtn {
		display: flex;
		position: relative;
		top: 0;
		justify-content: flex-end;
		align-items: flex-start;
	}
	.basqSildeBox {
		margin: 2rem 0 0 0;
		padding: 0;
	}
	.basqTopBox {
		margin: 4rem 0 0 0;
		padding: 0;
	}
	.basqBottomBox {
		margin: 1rem 0 0 0;
		position: relative;
		width: 100%;
	}
	
	.basqBtnBoxInner {
		width: 100%;
		bottom: -7rem;
	}
	.basqBtnBox {
		justify-content: space-between;
		align-items: center;
	}
	.basqBtnBox .swiper-button-prev,
	.basqBtnBox .swiper-button-next{
		border-radius: 0.6rem;
	}
	.basqBottomBox dl {
		bottom: -5rem;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
}
@media (max-width:991px) {
	.basqWrap {
		padding: 8rem 0 16rem 0;
	}
}
@media (max-width:767px) {
	.basqWrap {
		padding: 4rem 0 10rem 0;
	}
	.nmMa_titleBox.basqCont {
		gap: 1rem;
	}
	.nmMa_titleBox.basqCont dl p {
		margin: 0;
	}
	
	
	.basqSildeBox {
		margin: 1.8rem 0 0 0;
	}
	.basqImgInfo {
		padding: 0.6rem 1rem;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%);
	}
	.basqImgInfo b {
		font-size: 1rem;
		line-height: 1rem;
		letter-spacing: 0.3px;
	}
	.basqImgInfo span {
		backdrop-filter: blur(1.9940476417541504px);
		padding: 6px 8px;
		font-size: 7px;
		line-height: 7px;
	}
	.basqTopBox .swiper.basq-top p {
		padding: 15.514% 0 8px 0;
		font-size: 9px;
		line-height: 12px;
	}
	
	.basqBtnBoxInner {
		bottom: -5rem;
	}
	.basqBtnBox .swiper-button-prev, .basqBtnBox .swiper-button-next {
		width: 4.1rem;
		height: 4.1rem;
	}
	.basqBtnBox .swiper-button-prev:after, .basqBtnBox .swiper-button-next:after {
		height: 1.1rem;
		width: 1.1rem;
	}
	
	.basqBottomBox dl {
		display:none;
		bottom: -4.3rem;
		font-size: 9px;
		line-height: 14px;
	}
}

/*---------------------------------------------------------------------
#  메인 스토리
-----------------------------------------------------------------------*/
.stWrap{
	overflow:hidden;
	width:100%;
	position:relative;
	background: #F6F4ED;
	padding:10rem 0;
}
.stSideBox{
	max-width:156rem;
	padding:0 2rem;
	margin:0 auto;
}
.storyMainInner{
	position:relative;
}

.nmMa_titleBox.stCont{
	justify-content: space-between;
    align-items: flex-start;
}
.nmMa_titleBox.stCont .nmMa_title {
	gap:3rem;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-end;
}
.nmMa_titleBox.stCont .nmMa_titleBox dl{
	text-align:left;
}
.nmMa_titleBox.stCont .nmMa_title h2{
	text-align:right;
}
.nmMa_titleBox.stCont.right {
    z-index: 3;
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    justify-content: flex-end;
}
.nmMa_titleBox.stCont.right .commonBtn a{
	background: #F6F3ED;
}


.nmMa_titleBox{
	position:relative;
	width:100%;
	display:flex;
}
.nmMa_titleBox p{
	color: #6E7474;
	font-family: Cormorant;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
	text-transform: uppercase;
}
.nmMa_titleBox dl{
	color: #DCCEBA;
	font-family: Cormorant;
	font-size: 12rem;
	font-style: normal;
	font-weight: 600;
	line-height: 11rem;
	letter-spacing: -0.24rem;
	text-transform: uppercase;
}
.nmMa_title{
	position:relative;
}
.nmMa_title h2{
	margin:0;
	color: #2F2C2C;
	font-family: MaruBuri;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.4rem;
}

.commonBtn{
	position:relative;
}
.commonBtn a{
	text-decoration:none;
	display: flex;
	padding: 1.4rem 2.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.6rem;
	border-radius: 0.6rem;
	border: 1px solid #000;
	background: #FFF;
	color: #000;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
	text-transform: uppercase;
}
.commonBtn a span {
	width: 1.4rem;
    height: 1.6rem;
    display: inline-block;
    background-image: url(/public/new_img/common/common_btn_arrow.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.main_story_bg {
    z-index: 2;
    /* overflow: hidden; */
    margin: -20rem 0 0 0;
    display: flex;
    position: relative;
    width: 100%;
    justify-content: center;
    align-items: flex-end;
}
.main_story_bg img{
	height:72rem;
	position:relative;
	margin:0 -2rem 0 0;
}

.storySildeBox {
    z-index: 3;
    margin: -18rem 0 0 0;
    position: relative;
    width: 100%;
}
.storySildeBox .swiper{
	overflow:unset;
}
.story_contInner{
	position:relative;
	width:100%;
}
.storyvidreViCont {
    border-radius: 1rem;
    width: 100%;
    position: Relative;
    padding-bottom: 56.2%;
    overflow: hidden;
}
.storyvidreViCont a img {
    transform: translateY(-50%);
    position: absolute;
    left: 0rem;
    top: 50%;
    width: 100%;
    /* height: 100%; */
}
.story_contInner a{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
}
.stbotinfo{
	margin:3rem 0 0 0;
	position:relative;
	width:100%;
	color: #000;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	opacity: 0.4;
}
@media (max-width:1600px) {
	.nmMa_titleBox dl {
		font-size: 11rem;
		line-height: 10rem;
		letter-spacing: -0.2rem;
	}
	.main_story_bg {
		margin: -20rem 0 0 0;
	}
	.main_story_bg img {
		height: 53.3rem;
		margin: 0 -2rem 0 0;
	}
}
@media (max-width:1200px) {
	.nmMa_titleBox dl {
		font-size: 10rem;
		line-height: 9rem;
		letter-spacing: -0.16rem;
	}
	.nmMa_titleBox.stCont.right {
		margin: 3rem 0 0 0;
		z-index: 3;
		display: flex;
		position: relative;
		right: 0;
		top: 0;
		justify-content: flex-start;
	}
	.nmMa_titleBox.stCont .nmMa_title {
		gap: 2rem;
		flex-direction: column;
		align-items: flex-start;
	}
	.nmMa_titleBox.stCont .nmMa_title h2 {
		text-align: left;
	}
	.main_story_bg {
		justify-content: flex-end;
		margin: -18rem 0 0 0;
	}
	.main_story_bg img {
		top: -8rem;
		height: 44rem;
		margin: 0 -2rem 0 0;
	}
}
@media (max-width:991px) {
	.stWrap {
		padding: 8rem 0;
	}
	.nmMa_titleBox dl {
		font-size: 7rem;
		line-height: 7rem;
		letter-spacing: -0.1rem;
	}
	.nmMa_title h2 {
		font-size: 2.2rem;
		line-height: 4rem;
	}
	.commonBtn a {
		padding: 1.2rem 2rem;
		gap: 0.6rem;
		border-radius: 0.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.commonBtn a span {
		width: 1.2rem;
		height: 1.4rem;
	}
	
	
	.nmMa_titleBox.stCont.right {
		margin: 2rem 0 0 0;
	}
	.stbotinfo {
		margin: 2rem 0 0 0;
	}
	
	.main_story_bg {
		margin: -12rem 0 0 0;
	}
	.main_story_bg img {
		top: -10rem;
		height: 34rem;
		margin: 0 -8rem 0 0;
	}
}
@media (max-width:767px) {
	.stWrap {
		padding: 4rem 0;
	}
	.nmMa_titleBox dl {
		font-size: 4.2rem;
		line-height: 4.6rem;
		letter-spacing: -0.84px;
	}
	.nmMa_title h2 {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.nmMa_titleBox p {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.commonBtn a {
		padding: 1.2rem 1.7rem;
		gap: 0.8rem;
		border-radius: 0.6rem;
		font-size: 1.4rem;
		line-height: 1.9rem;
	}
	.commonBtn a span {
		width: 1rem;
		height: 0.9rem;
	}
	.nmMa_titleBox.stCont.right {
		margin: 1rem 0 0 0;
	}
	.nmMa_titleBox.stCont .nmMa_title {
		gap: 1.8rem;
	}
	.stbotinfo {
		line-height: 14px;
		font-size: 9px;
		margin: 1rem 0 0 0;
	}
	
	.main_story_bg {
		z-index: 4;
		margin: 1rem 0 0 0;
	}
	.main_story_bg img {
		top: -12rem;
		height: 20.3rem;
		margin: 0 -8rem 0 0;
	}
	
	.storySildeBox {
		z-index: 5;
	}
	.storyvidreViCont {
		border-radius: 0.6rem;
	}
}
@media (max-width:580px) {
	.main_story_bg {
		justify-content: center;
		width: 100%;
		height: 60vw;
		position: relative;
		margin: 10rem 0 0 0;
	}
	.main_story_bg img {
		right: -1rem;
		position: absolute;
		top: -13rem;
		height: auto;
		margin: 0;
	}
}


/*---------------------------------------------------------------------
#  메인 What We Do
-----------------------------------------------------------------------*/
.wwdWrap{
	position:relative;
	width:100%;
	background: #fff;
	padding:10rem 0;
	overflow:hidden;
}
.wwdSideBox{
	max-width:156rem;
	padding:0 2rem;
	margin:0 auto;
}
.wwdMainInner{
	position:relative;
	width:100%;
}

.nmMa_titleBox.wwdCont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wwdSildeBox{
	margin:8rem 0 0 0;
	position:relative;
}
.wwdSildeBox .swiper-slide{
	position:relative;
	width:100%;
}
/* .wwdSildeBox .swiper-slide:last-child { */
    /* margin: 0!important; */
/* } */
.wwdContent{
	width:100%;
	position:relative;
	height:57rem;
	border-radius: 1.4rem;
	overflow:hidden;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.wwdContent.bg01{
	background-image: url(/public/new_img/main/wwd_Preservation.webp);
}
.wwdContent.bg02{
	background-image: url(/public/new_img/main/wwd_Restoration.webp);
}
.wwdContent.bg03{
	background-image: url(/public/new_img/main/wwd_Esthetic.webp);
}
.wwdInfo{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	display: flex;
	padding: 0 3rem 4rem 3rem;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	gap: 1rem;
}
.wwdgam {
    gap: 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wwdgam dl{
	color: #FFF;
    font-family: Cormorant;
	font-size: 3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.4rem;
	letter-spacing: 0px;
}
.wwdgam p{
	color: #FFF;
	font-family: MaruBuri;
	font-size: 3.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 5.6rem;
	text-transform: uppercase;
}
.wwdth{
	display:flex;
	gap:3rem;
}
.wwdth h3{
	position:relative;
	padding:0 0 0 2.8rem;
	color: #FFF;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
	letter-spacing: -0.54px;
	text-transform: uppercase;
}
.wwdth h3:before{
	content:'';
	position:absolute;
	left:0;
	top:0.55rem;
	width: 2.2rem;
    height: 2.1rem;
    display: inline-block;
    background-image: url(/public/new_img/main/wwd_check.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (max-width:1600px) {
	.wwdSildeBox {
		margin: 6rem 0 0 0;
	}
}
@media (max-width:1200px) {
	.wwdContent {
		height: 50rem;
	}
}
@media (max-width:991px) {
	.wwdWrap {
		padding: 8rem 0;
	}
	.wwdSildeBox {
		margin: 4rem 0 0 0;
	}
	.wwdSildeBox .swiper{
		overflow:unset;
	}
}
@media (max-width:767px) {
	.wwdWrap {
		padding: 4rem 0;
	}
	.nmMa_titleBox.wwdCont {
		display: flex;
		gap: 1rem;
		justify-content: flex-end;
		align-items: flex-start;
		flex-direction: column-reverse;
	}
	.wwdContent {
		border-radius: 1rem;
		height: 37.6rem;
	}
	.wwdInfo {
		padding: 0 1.6rem 2.8rem 1.6rem;
		gap: 1rem;
	}
	.wwdgam dl {
		font-size: 2rem;
		line-height: 2.4rem;
		letter-spacing: 0.34px;
	}
	.wwdgam p {
		font-size: 2.6rem;
		line-height: 3.8rem;
	}
	.wwdth h3 {
		padding: 0 0 0 2.2rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
		letter-spacing: -0.45px;
	}
	.wwdth h3:before {
		top: 0.2rem;
		width: 1.8rem;
		height: 1.7rem;
	}
	.wwdth {
		gap: 2rem;
	}
}
@media (max-width:580px) {
	.wwdContent {
		height: 100vw;
	}
}

/*---------------------------------------------------------------------
#  메인 How We Do
-----------------------------------------------------------------------*/
.hwdWrap{
	position:relative;
	width:100%;
	background: linear-gradient(180deg, #F6F6F6 0%, #FFF 100%);
	padding:10rem 0 0 0;
	overflow:hidden;
}
.hwdSideBox{
	max-width:156rem;
	padding:0 2rem;
	margin:0 auto;
}
.hwdMainInner{
	position:relative;
	width:100%;
}

.nmMa_titleBox.hwdCont {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.nmMa_titleBox.hwdCont .nmMa_title h2{
	text-align:right;
}
.nmMa_titleBox.hwdCont .nmMa_title {
    gap: 3rem;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-end;
}
.nmMa_titleBox.hwdCont .nmMa_title{
	gap:3rem;
}

.hwd_video {
    position: relative;
    width: 100%;
    margin: 8rem 0 0 0;
    display: flex;
    border-radius: 1.4rem;
    overflow: hidden;
    padding-bottom: 50%;
}
.hwd_video img {
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    position: absolute;
    /* border-radius: 1.4rem; */
    overflow: hidden;
    width: 100%;
}

@media (max-width:1600px) {
	.hwd_video {
		margin: 6rem 0 0 0;
	}
}
@media (max-width:991px) {
	.hwdWrap {
		padding: 8rem 0 0 0;
	}
	.nmMa_titleBox.hwdCont {
		gap: 2rem;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
	}
	.nmMa_titleBox.hwdCont .nmMa_title {
		display: flex;
		gap: 2rem;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.nmMa_titleBox.hwdCont .nmMa_title h2{
		text-align:left;
	}
	.hwd_video {
		margin: 4rem 0 0 0;
	}
}
@media (max-width:767px) {
	.hwdWrap {
		background: #F6F6F6;
		padding: 4rem 0 0 0;
	}
	.hwdSideBox {
		padding: 0;
	}
	.nmMa_titleBox.hwdCont{
		gap: 1rem;
		padding:0 2rem;
	}
	.nmMa_titleBox.hwdCont .commonBtn a {
		background: #F6F6F6;
	}
	.hwd_video {
		border-radius: 1rem 1rem 0 0;
		margin: 4rem 0 0 0;
	}
}


/*---------------------------------------------------------------------
#  메인 Who We Are
-----------------------------------------------------------------------*/
.wwaWrap{
	position:relative;
	width:100%;
	background: #FFF;
	padding:15rem 0;
	overflow:hidden;
	
	background-image: url(/public/new_img/main/whoweare_parten.webp);
	background-size: 100%;
    background-repeat: no-repeat;
	/* background-repeat: repeat; */
    background-position: top center;
}
.wwaSideBox{
	position:relative;
	/* max-width:156rem; */
	/* padding:0 2rem; */
	/* margin:0 auto; */
}
.wwaMainInner{
	position:relative;
	width:100%;
}
.nmMa_titleBox.wwaCont {
    gap: 3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.nmMa_titleBox.wwaCont .nmMa_title h2{
	text-align:center;
}

.wwaSildeBox{
	position:relative;
	width:100%;
	margin:8rem 0 0 0;
}
.wwaSildeBox .swiper-slide{
	position:relative;
	width:100%;
}
.wwaDocBox{
	cursor:pointer;
	position:relative;
	width:100%;
	padding: 0 8.82% 13.02% 8.82%;
}
.wwaDocBox:hover .wwaHoBox{
	display:flex;
}
.wwaDocBox:before{
	content:'';
	z-index:1;
	position:absolute;
	left:10.5%;
	top:6.3%;
	width: 12rem;
    height: 12.5rem;
    display: inline-block;
    background-image: url(/public/new_img/main/seoul_uni_logo.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.wwaDocBox img.wwadocimg{
	position:relative;
	z-index:2;
	-webkit-mask-image: linear-gradient(180deg, #000 55%, rgba(0, 0, 0, 0.10) 95%, rgba(0, 0, 0, 0.00) 100%);
}
.wwaDocInfo{
	z-index:3;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding: 10.5% 10.5% 6.3% 10.5%;
	/* padding:5rem 5rem 3rem 3rem; */
	/* border-radius: 16px 16px 0 0; */
	/* backdrop-filter: blur(7.5px); */
}

.wwaDocInfoInner{
	position:relative;
}
.wwaDocInfoInner h2 {
	gap:1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.wwaDocInfoInner h2 span{
	color: #000;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
.wwaDocInfoInner h2 p{
	color: #000;
	font-family: MaruBuri;
	font-size: 4.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 5.6rem;
	letter-spacing: 0.63rem;
}
.more{
	position:absolute;
	right:0;
	bottom:0;
	border-radius: 0.6rem;
	border: 1px solid #DDD;
	background: #FFF;
	display: flex;
	padding: 1.3rem 2.1rem;
	justify-content: flex-end;
	align-items: center;
	color: #000;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6rem;
}

.wwaHoBox {
	display:none;
    /* display: flex; */
    z-index: 4;
    height: calc(100% - 4.6rem);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10.5% 10.5% 6.3% 10.5%;
    border-radius: 1.6rem 1.6rem 0 0;
    border-top: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-left: 1px solid #EEE;
    background: linear-gradient(180deg, rgba(246, 246, 246, 0.90) 80%, #FFF 100%);
    backdrop-filter: blur(7.5px);
    flex-direction: column;
    justify-content: space-between;
}
.wwahoTitle{
	width:100%;
	position:relative;
}
.wwahoTitle dl {
	gap:1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.wwahoTitle dl span{
	color: #000;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
.wwahoTitle dl p{
	color: #000;
	font-family: MaruBuri;
	font-size: 4.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 5.6rem;
	letter-spacing: 0.63rem;
}
a.wwahomore{
	position:absolute;
	right:0;
	bottom:0;
	border-radius: 0.6rem;
	border: 1px solid #DDD;
	background: #FFF;
	display: flex;
	padding: 1.3rem 2.1rem;
	justify-content: flex-end;
	align-items: center;
	color: #000;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6rem;
}
.wwahoInfo {
    overflow: hidden;
	padding:2.4rem 0 0 0;
	height:100%;
    /* height: calc(100% - -2.4rem); */
    gap: 1rem;
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
	
	-webkit-mask-image: linear-gradient(180deg, #000 20%, rgba(0, 0, 0, 0.10) 95%, rgba(0, 0, 0, 0.00) 100%);
}
.wwahoInfo h3{
	position:relative;
	padding:0 0 0 1.1rem;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.3rem;
}
.wwahoInfo h3:before{
	content:'';
	position:absolute;
	left:0;
	top:1rem;
	width: 0.3rem;
	height: 0.3rem;
	border-radius:50%;
	background: #DCCEBA;
}

@media (max-width: 1600px) {
	.wwaWrap {
		padding: 13rem 0;
	}
	.wwaSildeBox {
		margin: 6rem 0 0 0;
	}
	.wwaDocBox {
		padding: 0 6.82% 11.02% 6.82%;
	}
	.wwaDocBox:before {
		left: 8.5%;
		top: 4.3%;
		width: 10rem;
		height: 10.5rem;
	}
	.wwaDocInfo {
		padding: 8.5% 8.5% 4.3% 8.5%;
	}
	.wwaDocInfoInner h2 {
		gap: 0.6rem;
	}
	.wwaDocInfoInner h2 span {
		font-size: 1.7rem;
		line-height: 2.2rem;
	}
	.wwaDocInfoInner h2 p {
		font-size: 3.6rem;
		line-height: 4.8rem;
		letter-spacing: 0.43rem;
	}
	
	
	.wwaHoBox {
		height: calc(100% - 3.6rem);
		padding: 8.5% 8.5% 4.3% 8.5%;
		border-radius: 1.4rem 1.4rem 0 0;
	}
	.wwahoTitle dl {
		gap: 0.6rem;
	}
	.wwahoTitle dl span {
		font-size: 1.7rem;
		line-height: 2.2rem;
	}
	.wwahoTitle dl p {
		font-size: 3.6rem;
		line-height: 4.8rem;
		letter-spacing: 0.43rem;
	}
	.wwahoInfo {
		padding: 2rem 0 0 0;
		gap: 0.6rem;
	}
	
}
@media (max-width: 991px) {
	.wwaWrap {
		padding: 10rem 0 0 0;
	}
	.wwaSildeBox {
		margin: 4rem 0 0 0;
	}
}
@media (max-width: 767px) {
	.wwaWrap {
		padding: 4rem 0;
	}
	.wwaSideBox {
		padding: 0 2rem;
	}
	.nmMa_titleBox.wwaCont {
		gap: 1rem;
	}
	
	.wwaSildeBox .swiper{
		overflow:unset;
	}
	.wwaDocBox {
		padding: 0;
	}
	.wwaDocBox:before {
		left: 10px;
		top: 16px;
		width: 82px;
		height: 85.486px;
	}
	.wwaDocInfo {
		padding:2rem 1.6rem 1rem 1.6rem;
	}
	.wwaDocInfoInner h2 {
		gap: 0;
	}
	.wwaDocInfoInner h2 span {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.wwaDocInfoInner h2 p {
		font-size: 3.2rem;
		line-height: 4.4rem;
		letter-spacing: 0.48rem;
	}
	.more {
		border-radius: 0.6rem;
		padding: 0.8rem 1.5rem;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	
	
	.wwaHoBox {
		padding: 2rem 1.6rem 1rem 1.6rem;
		height: calc(100% - 2rem);
		border-radius: 1rem 1rem 0 0;
	}
	.wwahoTitle dl {
		gap: 0;
	}
	.wwahoTitle dl span {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.wwahoTitle dl p {
		font-size: 3.2rem;
		line-height: 4.4rem;
		letter-spacing: 0.48rem;
	}
	a.wwahomore {
		border-radius: 0.6rem;
		padding: 1rem 2rem;
		font-size: 1.5rem;
		line-height: 1.6rem;
	}
	.wwahoInfo {
		padding: 2rem 0 0 0;
		gap: 0.4rem;
	}
	.wwahoInfo h3 {
		padding: 0 0 0 1rem;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.wwahoInfo h3:before {
		top: 0.75rem;
		width: 0.3rem;
		height: 0.3rem;
	}
}


/*---------------------------------------------------------------------
#  메인 지도
-----------------------------------------------------------------------*/
.theMapWrap{
	position:relative;
}

.theMapArea {
    height: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 43.63%;
}

.theMapCont {top: 50%; left: 50%; width: 140%; height: 140%; position: absolute; transform: translate(-50%,-50%);}
.theMapCard {left: 0; top: 50%; width: 100%; position: absolute; transform: translateY(-50%);}

.theMapWrap .mainInner {
    width: 100%;
    /* max-width: unset; */
	max-width:156rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.contactBox {
    position: relative;
    z-index: 10;
    padding: 4rem 5rem 4rem 7rem;
    /* width: 32.5%; */
	
    /* min-width: 50.2rem; */
	width: 50.4rem;
	border-radius: 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: #FFF;
	box-shadow: 50px 50px 100px 0 rgba(0, 0, 0, 0.10);
}

.maplogo {width: auto; height: 5rem; margin-bottom: 3.2rem;}
.maplogo img {width:auto; height:100%;}
.adUl li {
    margin-top: 0rem;
    display: flex;
	color: #2F2C2C;
	font-size: 1.5rem;
	line-height: 2.6rem; 
	margin-bottom: 0.8rem;
}
.adUl li:last-child {margin-bottom:0;}
.ctTitle {
	color: #221E1F;
	font-family: "Palatino Linotype";
	font-size: 4rem;
	line-height: 4.8rem;
	margin-bottom:1rem;
}
.ctSTitle {
	color: #221E1F;
	font-family: "Palatino Linotype";
	font-size: 2.1rem;
	line-height: 33px;
	padding-bottom:2rem;
	margin-bottom:2rem;
	position:relative;
}

.ctSTitle::before {
	content:'';
	width:3rem;
	height:0.1rem;
	left:0;
	bottom:0;
	position:absolute;
	background:#221E1F;
}
.addressName {
    color: #2F2C2C;
    font-family: "Playfair Display";
    font-size: 5rem;
    line-height: 6rem;
    text-transform: uppercase;
    padding-top: 1rem;
    position: relative;
    margin-bottom: 4rem;
}

.addressName::before {
    content: '';
    width: 4rem;
    height: 1px;
    left: 0;
    top: 0;
	background: #2F2C2C;
    position: absolute;
}
.add {
	overflow: hidden;
	color: #2F2C2C;
    font-family: pretendard-500;
	font-size: 1.8rem;
	line-height: 2.6rem;
	margin-bottom:2.2rem;
}
.adListName {
	width:6rem;
	color: #2F2C2C;
	margin-right:3rem;
	font-size: 1.5rem;
	line-height: 2.6rem;
	font-family: pretendard-600;
}
.adListxt {color: #2F2C2C; font-size: 1.5rem; line-height: 2.6rem;font-family: pretendard-400;}
.adListxt span{
	color: #A07F2E;
	font-family: pretendard-600;
}
@media (max-width:1600px) and (min-width:992px) {
	.contactBox {padding:4rem;width: 43rem;}
	.maplogo {height: 4rem; margin-bottom: 2rem;}
	.addressName {font-size: 3.5rem; line-height: 4.5rem; padding-top: 1rem; margin-bottom: 3rem;}
	.add {font-size: 1.6rem; line-height: 2rem; margin-bottom: 2.2rem;}
	
	/* .mapWrap .mainInner {padding: 0 6rem;} */
}
@media (max-width:1300px) {
	.theMapArea {
		padding-bottom: 53.63%;
	}
}
@media (max-width:991px) {
	.contactBox {
		position: relative;
		z-index: 10;
		padding: 3rem;
		background: #FFF;
		box-shadow: 80px 80px 80px 0px rgba(0, 0, 0, 0.15);
		width: 100%;
		min-width: unset;
	}
	
	/* map */
	.theMapArea {height: 78.8rem; min-height: auto;}
	.theMapCont {top: 40%;}
	.theMapCard {left: 0; top: unset; transform: unset; bottom: 2rem;}

	.maplogo {width: auto; height: 3rem; margin-bottom: 1.6rem;}
	.addressName {font-size: 3rem; line-height: 3.6rem; padding-top: 0.2rem; margin-bottom: 2rem;}
	.add {font-size: 1.4rem; line-height: 2rem; margin-bottom: 1.4rem;}
	.adListName {font-size: 1.2rem; line-height: 2rem; width: 4.8rem; margin-right: 2rem;}
	.adListxt {font-size: 1.2rem; line-height: 2rem;}
	
}
@media (max-width:767px) {
	.theMapArea {height: 78.2rem;}
	.contactBox {
		box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.20);
		border-radius: 0.6rem;
		padding: 3rem;
	}
	.addressName::before {
		width: 2.6rem;
	}
}