@media screen and (max-width: 850px) {

html, body, div, span, p, h1, h2, h3, h4, h5, h6, sup, ul, ol, li, a, dt, dl, table, th, td, input, select, label, section, button, strong{letter-spacing:-0.05em; line-height:1.65;}
 html.hidden, body.hidden { overflow: hidden !important; } 
 .pc_show{ display: none !important; } 
 .m_show { display: block !important; } 
 br.m_br{ display: block;}
 br.pc_br{ display: none;}
 .wrap{ width: auto; padding:0 5.33vw; margin: 0 auto; max-width:none;  min-width:auto; box-sizing:border-box;}



.mainContainer section + section{padding-top:16.00vw;}
.mainContainer .mcTIT{}
.mainContainer .mcTIT h1{font-size:8.67vw; font-weight:normal;}
.mainContainer .mcTIT h1 strong{color:var(--Color1);}
.mainContainer .mcTIT p{font-size:4.53vw; font-weight:600; line-height:1.45;}
.mainContainer .mcTIT h1 + p{margin-top:8.00vw;}


.mc01{width:100%; height:auto; max-height:100vh; position:relative; overflow:hidden;}
.mc01 .bg{content:""; display:block; background:#e6d6cc; width:100%; height:100vh;}
.mc01 .bg video{aspect-ratio: 16 / 9;outline:none; border:none;-webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; position:relative; top:0; width:auto; height:100%; left:50%; transform:translateX(-50%);}
.mc01 .textWrap{width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; display:flex; justify-content:center; flex-direction:column; align-items:center;}
/*.mc01 .textWrap span{font-family: var(--f-NNMJ); font-size:3.73vw; font-weight:600;}*/
.mc01 .textWrap span{width:6.27vw; height:8.67vw; background-size:contain;}
.mc01 .textWrap h2{font-family: var(--f-NNMJ); color:var(--Color2); font-size:8.67vw; font-weight:normal; margin:5.33vw auto; position:relative;}
/*.mc01 .textWrap h2:after{content:"Basic Wellness Center"; font-family:'Bona Nova SC'; font-size:7.6vw; color:var(--Color2); opacity:0.05; position:absolute; bottom:-2.67vw; left:50%; transform:translateX(-50%); white-space:pre; font-weight:400; letter-spacing:0; z-index:-1;}*/
.mc01 .textWrap hr{width:0.13vw; height:11.33vw; background:#333; border:none; display:block; content:""; margin:5.33vw auto;}
.mc01 .textWrap div{margin:5.33vw auto 6vw;}
.mc01 .textWrap p{font-size:4.53vw; text-align:center;}
.mc01 .textWrap p + p{margin-top:2.00vw;}
.mc01 .textWrap a{font-family:var(--f-mont); font-size:3.80vw; font-weight:600; text-align:center; display:block; width:33.33vw; line-height:8.00vw; box-sizing:border-box; border:0.13vw solid #333; border-radius:100vw; transition:all .3s ease;}
.mc01 .textWrap a:hover{background:#333; color:#fff; transition:all .3s ease;}





.mc08{height:auto; padding:20.00vw 5.33vw;}
.mc08 .w-wrap{display:flex; width:100%; justify-content:center; align-items:center; flex-direction:column;  box-sizing:border-box; gap:5.33vw}
.mc08 .Box{width:100%; position:relative;}
.mc08 .Box .txtWrap{position:static; transform:none;}
.mc08 .Box .txtWrap > span{font-size:3.80vw; font-weight:bold; text-align:center; display:block;} 
.mc08 .Box .txtWrap > h2{color:#333; font-size:8.00vw; font-weight:normal; margin:5.3333vw 0 6.0000vw;  text-align:center;}
.mc08 .Box .txtWrap > p{font-size:4.53vw; color:#333; line-height:155%; text-align:justify;}
.mc08 .Box01{height:auto; box-sizing:border-box; padding:0; margin:0; justify-content:center; align-items:center;}
.mc08 .Box01 .txtWrap:before{content:""; display:block; width:32.53vw; height:45.07vw; background:url(../img/main/con02_L.png) center center no-repeat; background-size:32.53vw; position:absolute; bottom:0; left:auto; right:10%;}
.mc08 .Box02{padding:0;box-sizing:border-box; border-radius:5vw;}
.mc08 .Box02 img{width:100%; height:auto; object-fit:contain; }



.con03{padding:20.00vw 0 0;}
.mainCon03Swiper{width:100%;}
.mainCon03Swiper .swiper-slide{width:100%; display:flex; flex-direction:column;}
.mainCon03Swiper .swiper-slide > *{width:100%;}
.mainCon03Swiper .swiper-slide img{order:2;}
.mainCon03Swiper .swiper-slide .txtWrap{order:1; display:flex; justify-content:flex-start; background:url(../img/main/con03_R.png) center center no-repeat; background-size:cover; flex-direction:column; box-sizing:border-box; padding-left:0; padding:10vw 5.33vw; min-height:100vw;}
.mainCon03Swiper .swiper-slide .txtWrap > span{font-size:3.80vw; font-weight:bold;} 
.mainCon03Swiper .swiper-slide .txtWrap > h2{font-size:8.00vw; font-weight:normal; margin:5.33vw 0 6.67vw; }
.mainCon03Swiper .swiper-slide .txtWrap > p{font-size:4.53vw; color:#333; line-height:145%;}
.mainCon03Swiper .swiper-slide .txtWrap > p br{display:none;}
.mainCon03Swiper .swiper-slide .txtWrap > a{box-sizing:border-box; border-bottom:0.13vw solid #333; font-size:3.80vw; margin-top:6.67vw; display:inline-block; width:fit-content; padding:0 0.67vw 0.67vw; font-family:var(--f-mont);}


.mainCon03Swiper .page{width:100%; position:absolute; bottom:12.00vw; left:0;}
.mainCon03Swiper .swiper-pagination{width:100%; height:0.13vw; background:#fff; content:""; display:flex;  position:relative; justify-content:center; gap:12.00vw; box-sizing:border-box; padding:0 10vw;}
.mainCon03Swiper .swiper-pagination-bullet{flex:1; width:auto; height:auto; background:none;  opacity:0.3; margin:0 !important; text-align:center; position:relative;}
.mainCon03Swiper .swiper-pagination-bullet p{color:#fff; font-size:2vw; font-weight:bold; transition:all 0.3s ease; position:absolute; bottom:6.67vw; text-align:center; left:50%; transform:translateX(-50%); white-space:pre;}
.mainCon03Swiper .swiper-pagination-bullet span{width:2vw; height:2vw; margin:0 auto; background:#fff; content:""; display:block; border-radius:50%; position:relative; margin-top:-1vw;}
.mainCon03Swiper .swiper-pagination-bullet span:after{width:4vw; height:4vw; background:#fff; opacity:0; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%; transition:all 0.3s ease}
.mainCon03Swiper .swiper-pagination-bullet-active{opacity:1;}
.mainCon03Swiper .swiper-pagination-bullet-active p{font-size:3.20vw; transition:all 0.3s ease;}
.mainCon03Swiper .swiper-pagination-bullet-active span{}
.mainCon03Swiper .swiper-pagination-bullet-active span:after{opacity:0.5; transition:all 0.3s ease;}




.con04{padding:20.00vw 0 0; margin:0;}
.con04 .Box{width:100%; position:relative;}
.con04 .w-wrap{display:flex; width:100%; justify-content:space-between; align-items:flex-end; flex-direction:column; gap:5.33vw; position:relative;}
.mainCon04Swiper{width:100%; padding:0 10.67vw; box-sizing:border-box;}
.mainCon04Swiper .swiper-wrapper{}
.mainCon04Swiper .swiper-slide{width:100%;box-sizing:border-box; border-radius:0;}
.mainCon04Swiper .swiper-slide > div{width:100%;box-sizing:border-box; display:flex; flex-direction:column;}
.mainCon04Swiper .swiper-slide > div > img{order:1; width:100%; height:auto; display:block; object-fit:cover;  margin:0 auto; border-radius:13.33vw; transition:none; transform:none; position:static;}
.mainCon04Swiper .swiper-slide-active > div > img{transition:none; transform:none;}
.con04 .Box01{display:flex; flex-direction:column; align-items:flex-end; padding:0; position:static;}
.con04 .Box01 .txtWrap{width:100%; max-width:none; text-align:center;}
.con04 .Box01 .txtWrap > h2{color:#333; font-size:8.00vw; font-weight:normal; margin:0; line-height:normal;  text-align:center; white-space:normal;}
.con04 .Box01 .txtWrap > a{padding-bottom:1.3333vw; box-sizing:border-box; border-bottom:0.1333vw solid #333; font-size:3.80vw; color:#333; margin-top:6.6667vw; display:inline-block;}
.con04 .Box01 .txtList{width:100%; max-width:82.0000vw; display:flex; flex-direction:row; margin:6vw auto; position:absolute; bottom:4vw; left:50%; transform:translateX(-50%); gap:4vw; justify-content:center; z-index:3;}
.con04 .Box01 .txtList > div{width:4vw; height:4vw; background:#999; opacity:1; border:none; border-radius:50%; content:""; padding:0;}
.con04 .Box01 .txtList > div >*{display:none;}
.con04 .Box01 .txtList > div.active{border:none; background:var(--Color1);}
.con04 .Box01 .txtList > div.active h5{}
.con04 .Box01 .txtList > div.active p{color:#333;}
.con04 .Box01 .txtList:before{display:none;}
.con04 .Box02{position:relative; box-sizing:border-box; padding-bottom:20vw}
.con04 .Box02:before{content:""; display:block; width:100%; height:70.6667vw; background:#faf7f6; position:absolute; bottom:0; left:50%; z-index:-1; transform:translateX(-50%);}

.con04 .Box02 .txtList{order:2; width:100%; max-width:none; display:flex; flex-direction:column; margin:4.0000vw auto 0;}
.con04 .Box02 .txtList > div{width:100%; box-sizing:border-box; border-left:0.4000vw solid #999; padding:4.0000vw; padding-right:0; box-sizing:border-box;}
.con04 .Box02 .txtList > div h5{font-size:5.20vw; font-weight:bold; color:var(--Color1); letter-spacing:-0.2vw}
.con04 .Box02 .txtList > div p{font-size:4.53vw; color:#333; line-height:155%; margin-top:4.0000vw; letter-spacing:-0.2vw}
.con04 .Box02 .txtList > div.active{border-left:3px solid var(--Color1);;}
.con04 .Box02 .txtList > div.active h5{}
.con04 .Box02 .txtList > div.active p{color:#333;}

.con04 .ifWrap{display:flex; align-items:center; margin:6.00vw auto; gap:0.40vw; justify-content:center; display:none;}
.con04 .ifWrap > div{position:static;}
.con04 .ifWrap > div span{width:4vw; height:4vw; background:#999; opacity:1;}
.con04 .ifWrap > div span.swiper-pagination-bullet-active{background:var(--Color1);}





.mc02{padding:20vw 0;}
.mc02 .wrap{margin:0 auto;}
.mc02 .content{display:flex; align-items:center; gap:5.33vw; flex-direction:column;}
.mc02 .mcTIT{width:auto; background:#fff;}
.mc02 .mcTIT img{width:13.33vw; text-align:Center; margin:0 auto 4.00vw; display:block;}
.mc02 .mcTIT h1{font-size:8.00vw; font-weight:600; text-align:Center;}
.mc02 .mcTIT p{font-weight:normal; font-size:4.53vw; text-align:Center;}
.mc02 .mc02slider{position:relative; flex:1; overflow:hidden; width:100%;}
.mc02 .mc02swiper{}
.mc02 .mc02swiper .swiper-slide{width:100%; max-width:100% !important; cursor:pointer;}
.mc02 .mc02swiper .swiper-slide img{width:100%; aspect-ratio:1/1;}
.mc02 .mc02swiper .swiper-slide .txtWrap{position:absolute; left:35px; bottom:30px;}
.mc02 .mc02swiper .swiper-slide p{font-size:30px; color:#fff; margin:0; font-weight:bold;}
.mc02 .mc02swiper .swiper-slide ul{display:flex; flex-direction:column; gap:5px; height:0; opacity:0; transition:all .3s ease;}
.mc02 .mc02swiper .swiper-slide ul li{color:#fff; font-size:16px;}

.mc02 .mc02swiper .swiper-slide:hover .txtWrap{}
.mc02 .mc02swiper .swiper-slide:hover .txtWrap ul{height:6.67vw; margin-top:2.67vw; transition:all .3s ease; opacity:1;}
.mc02 .ifWrap{display:flex; align-items:center; margin-top:8.00vw; gap:0.40vw; justify-content:center;}
.mc02 .ifWrap > div{margin:0; position:relative; left:auto; top:auto; right:auto; bottom:auto; width:13.33vw; height:13.33vw; background:#fff; display:flex; align-items:center; justify-content:center; box-sizing:border-box; background:#999999; border-radius:50%;}
.mc02 .ifWrap > div:last-child{background:var(--Color1);}
.mc02 .ifWrap > div:after{font-family:'Material Icons';color:#fff; font-size:6.00vw; left:auto; top:auto; right:auto; bottom:auto; left:50%; top:50%; transform:translate(-50%, -50%); position:absolute;}

.mc02 .ifWrap > div:first-child:after{content:'west';}
.mc02 .ifWrap > div:last-child:after{content:'east';}



.con07{margin-bottom:20vw;}
.con07 .w-wrap{display:flex; width:100%; justify-content:space-between; max-width:89.333vw; margin:0 auto; gap:6.0000vw; flex-direction:column; align-items:center;}
.con07 .Box01 .txtWrap > h2{color:#333; font-size:8.00vw; font-weight:normal; margin-bottom:0; line-height:1; text-align:center;}
.con07 .Box02{display:flex; flex-direction:row; width:100%; border:none; gap:1.33vw; justify-content:space-between;}
.con07 .Box02 > div{display:flex; width:calc(33.33% - 1.12vw); justify-content:space-between; box-sizing:border-box; align-items:center; flex-direction:column-reverse; gap:4.6667vw; border:none; padding:0;}
.con07 .Box02 div.img{width:100%; overflow:hidden; max-width:none;}
.con07 .Box02 div.img img{width:100%;}
.con07 .Box02 div.date{display:flex; flex-direction:column; align-items:center; gap:2.6667vw; display:none;}
.con07 .Box02 div.date h2{font-size:8.00vw; font-weight:bold; color:#333; line-height:1;}
.con07 .Box02 div.date p{font-size:2.6667vw; color:#333; line-height:1;}
.con07 .Box02 .txt{margin-left:0; margin-right:0; display:flex; flex-direction:column; gap:3.3333vw; width:100%;}
.con07 .Box02 .txt p{font-size:4.53vw; color:#333; font-weight:bold; text-overflow: ellipsis; overflow: hidden; word-break:keep-all; display: -webkit-box;   -webkit-line-clamp: 3; -webkit-box-orient: vertical; width:100%;  line-height:1.3; letter-spacing: -0.1867vw;}
.con07 .Box02 .txt span{width: 100%; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:2.4000vw; color:#666666; display:none;}
.con07 .Box02 .txt span.date{display:block; font-size:3.80vw; color:#333; padding-left:12.0000vw; box-sizing:border-box; position:relative;}
.con07 .Box02 .txt span.date:before{width:9.3333vw; height:0.5333vw; content:""; display:inline-block; background:#999999; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.con07 a.link{display:inline; text-align:center; font-size:3.80vw; padding-bottom:1.0667vw; border-bottom:0.1333vw solid #333; width:fit-content;}


.ft_mont {font-family: 'montserrat';}
p>span {font-size: 4.3vw; }
img.pc{display:none;}
img.mo{display:block;}

}/* 850 */


@media (orientation: portrait){
/*세로일 때*/}