@charset "utf-8";

#mVisual {position:fixed; width:100%; height:100vh; top: 0; left: 0; z-index:1; }
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline:none; }

#mVisual .mv_slider { background-repeat: no-repeat; background-size: cover; background-position: center center; }

#mVisual .mv_slider.mv1 { background-image:url('/images/main/m_visual1.webp'); }
#mVisual .mv_slider.mv2 { background-image:url('/images/main/m_visual2.webp'); }
#mVisual .mv_slider.mv3 { background-image:url('/images/main/m_visual3.webp'); }
/*#mVisual .mv_slider.mv4 { background-image:url('/images/main/m_visual4.webp'); }*/

#mVisual .mv_slider .mv-txt { display:table; width:92%; height:100%;  margin:0 auto;; max-width: 1600px; }
#mVisual .mv_slider .mv-txt div {  color:#fff; text-align:center;  display:table-cell; vertical-align:middle; box-sizing:border-box;}
#mVisual .mv_slider .mv-txt div .t1 { font-size:3.0rem; line-height:1.6em; font-family: 'Nanum Myeongjo', serif; transform: rotate(-0.03deg); font-weight:400}
#mVisual .mv_slider .mv-txt div .t2 { margin:0.7em 0 0.3em; font-size:7.0rem; font-family:'ONE-Mobile-Title'; letter-spacing: 0.3em;}
#mVisual .mv_slider .mv-txt div .t3 {  font-size:1.8rem; line-height:1.6em;}

@media all and (max-width:1399px){
}
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
}
@media all and (max-width:767px){ 
	#mVisual .mv_slider .mv-txt div .t1 { font-size:2.4rem; }
	#mVisual .mv_slider .mv-txt div .t2 { font-size:6.0rem; }
	#mVisual .mv_slider.mv1 { background-image:url('/images/main/m_visual1.webp'); background-position: right 50% center}
	#mVisual .mv_slider.mv2 { background-image:url('/images/main/m_visual2.webp'); background-position: right 30% center}
	#mVisual .mv_slider.mv3 { background-image:url('/images/main/m_visual3.webp'); background-position: left 40% center}

/*
	#mVisual .mv_slider.mv1 { background-image:url('/images/main/m_visual1-mo.jpg'); }
	#mVisual .mv_slider.mv2 { background-image:url('/images/main/m_visual2-mo.jpg');  background-position: left center; }
*/
	/* #mVisual .mv_slider.mv2 {  background-position: 30% center; } */
}
@media all and (max-width:530px){ 
/*	#mVisual .mv_slider.mv2 {  background-position: 50% center; }*/
}
@media all and (max-width:480px){
	#mVisual .mv_slider .mv-txt div .t1 { font-size:2.2rem; }
	#mVisual .mv_slider .mv-txt div .t2 { font-size:5.5rem; }
	#mVisual .mv_slider .mv-txt div .t3 {  font-size:1.6rem; }
}





.main.sec2{margin-top: 100vh; position: relative; z-index: 2;}
.main.sec2.on{position: fixed; top: 0; z-index: 2;}

#mAbout { padding:180px 0; background:#FFF; }
#mAbout:before {content:''; width:468px; height:468px; background:url('/images/main/mabout-bg.png') no-repeat center center; background-size:100% auto; 
					position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1}
#mAbout .inner {display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;  z-index:2 }


#mAbout .titleWrap h3 {margin-bottom:0.5em; font-size:11.0rem; font-weight:600; font-family: 'Cormorant', serif; color:#b97c5e}
#mAbout .titleWrap h3 span {padding-left:0.5em; font-size:2.0rem; color:#5b4f4b; font-weight:700; font-family: 'Nanum Myeongjo', serif; transform: rotate(-0.03deg);}
#mAbout .titleWrap dl dt { font-size:2.2rem; color:#222; font-weight:600 ;  line-height:1.4em}
#mAbout .titleWrap dl dd {margin-top:1em; font-size:1.7rem; line-height:1.6em}
#mAbout .titleWrap .mBtn {padding:1.5em 3.5em; display:inline-block;  margin-top:3em; border-radius:50px; background:#b97c5e; color:#FFF; font-size:1.3rem; font-family:'Montserrat'; font-weight:500}
#mAbout .titleWrap .mBtn:hover {background:#5b4f4b;}

#mAbout #imgWrap .img {position:relative}
#mAbout #imgWrap .img img {width:100%}
#mAbout #imgWrap .num {padding-right:0.2em; font-size:8.0rem; color:#b97c5e; margin-top:-0.55em; text-align:right; font-family: 'Brygada 1918', serif; font-weight:500; letter-spacing:-0.05em}
#mAbout #imgWrap dl dt {font-size:2.8rem; color:#b97c5e; font-weight:700; font-family: 'Nanum Myeongjo', serif; transform: rotate(-0.03deg);} 
#mAbout #imgWrap dl dd {margin-top:1.2em; font-size:1.8rem; line-height:1.8em}

#mAbout .img1 {max-width:480px}
#mAbout .img1 .img {border-top-left-radius:80px; overflow:hidden}
#mAbout .img2 {transform:translateY(-25%); max-width:720px}
#mAbout .img2 .img {border-top-right-radius:80px; overflow:hidden}
#mAbout .img3 {margin:10% 3% 0 0;  max-width:555px}
#mAbout .img3 .img {border-top-left-radius:80px; overflow:hidden}


@media all and (max-width:1599px){
	#mAbout .titleWrap {width:50%; max-width:800px}
	#mAbout .img1 {width: 40%}
	#mAbout .img2 {width: 50%}
	#mAbout .img3 {width: 40%}
}
@media all and (max-width:1160px){
	#mAbout .titleWrap h3 span {display:block; padding-left:0}
	
	#mAbout .img1 {width: 35%}
	#mAbout .img2 {width: 45%; transform:translateY(-15%); }
	#mAbout .img3 {width: 35%}
}
@media all and (max-width:976px){
	#mAbout { padding:100px 0;}
	#mAbout .inner { flex-wrap:wrap; justify-content:center; gap:100px}
	#mAbout:before { width:360px; }
	#mAbout .titleWrap { width:100% }
	#mAbout .titleWrap h3 { font-size:9.0rem;}
	#mAbout .img1 {width:80%}
	#mAbout .img2 {width:100%; transform:translateY(0); }
	#mAbout .img3 {width: 90%; margin:0}
}
@media all and (max-width:480px){
	#mAbout .inner { gap:60px}
	#mAbout:before { width:70%; }

	#mAbout .titleWrap dl dd { line-height:1.4em}
	#mAbout #imgWrap dl dd { line-height:1.4em}
}




.m-Part {margin:130px 0}
.p-Part {padding:130px 0}

@media all and (max-width:960px){
	.m-Part {margin:100px 0}
	.p-Part {padding:100px 0}
}
@media all and (max-width:480px){
	.m-Part {margin:80px 0}
	.p-Part {padding:80px 0}
}



#mTitle {padding:0 3%; margin-bottom:70px}
#mTitle h3 { font-size:7.0rem; color:#b97c5e; font-weight:600; font-family: 'Cormorant', serif; text-transform:uppercase; line-height:0.9em}
#mTitle .t1 { margin-top:0.7em; font-size:1.7rem; color:#76635a; line-height:1.6em; }
#mTitle .t1 br.br480 { display:none } 

@media all and (max-width:976px){
	#mTitle h3 { font-size:6.0rem; }
}
@media all and (max-width:480px){
	#mTitle {  margin-bottom:40px}
	#mTitle h3 { font-size:5.5rem; }
	#mTitle .t1 br.br480 { display:block } 
}


#mProgram {background:#f9f4ee url('/images/main/mprogram-bg.png')no-repeat left top; background-size:100% auto; 
				position:relative; z-index:2}

#mProgram #contWrap {width:100%; max-width:1680px; margin:0 auto}
#mProgram #contWrap .cont {margin:0 40px}
#mProgram #contWrap .img {width:100%; overflow:hidden}
#mProgram #contWrap a .img img { width:100%;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;
											-ms-transition:all 0.5s; transition:all 0.5s }
#mProgram #contWrap a:hover .img img  {  transform: scale(1.05) rotate(0.02deg);-ms-transform: scale(1.05) rotate(0.02deg);
													-o-transform: scale(1.05) rotate(0.02deg); -moz-transform: scale(1.05) rotate(0.02deg); 
													-webkit-transform: scale(1.05) rotate(0.02deg); }	
#mProgram #contWrap .eng { margin:1em 0; text-align:right; font-size:2.0rem; color:#b97c5e;; font-family: 'Cormorant', serif; font-weight:700 }
#mProgram #contWrap h3 {margin-bottom:1em; font-size:2.8rem; font-weight:700; color:#222; font-family: 'Nanum Myeongjo', serif; transform: rotate(-0.03deg);}
#mProgram #contWrap dl {padding-bottom:0.6em; margin-top:0.6em; position:relative; padding-left:15px; 
								display:flex; border-bottom:1px dashed #e3d9ce; align-items: end; }
#mProgram #contWrap dl:before {content:''; width:4px; height:4px; border-radius:5px; background:#b97c5e; 
								position:absolute; left:5px; top:0.6em;}
#mProgram #contWrap dl dt {padding-right:10px; font-size:1.8rem; color:#b97c5e; font-weight:500}
#mProgram #contWrap div:nth-child(2) {margin-top:80px}

@media all and (max-width:1599px){
	
	#mProgram #contWrap { width:90%;}
	#mProgram #contWrap .cont {margin:0 25px}
	#mProgram #contWrap dl { align-items: start; }
	#mProgram #contWrap div:nth-child(2) {margin-top:50px}
}
@media all and (max-width:1499px){
	#mProgram #contWrap dl { flex-wrap:wrap}
	#mProgram #contWrap dl dt {width:100%; padding-right:0}
	#mProgram #contWrap dl dd {margin-top:0.3em}
}
@media all and (max-width:1280px){
	#mProgram #contWrap .cont {margin:0 15px}
	#mProgram #contWrap div:nth-child(2) {margin-top:30px}
}
@media all and (max-width:1024px){
	#mProgram #contWrap {width:110%; margin:0 0 0 5% }
	#mProgram #contWrap .cont {margin:0 20px 0 0}
	#mProgram #contWrap dl dt {width:auto; padding-right:10px}
	#mProgram #contWrap div:nth-child(2) {margin-top:0}
}
@media all and (max-width:640px){
	#mProgram #contWrap {width:85%; margin:0 auto }
	#mProgram #contWrap .cont {margin:0 10px}
}
@media all and (max-width:480px){
	#mProgram #contWrap dl dt {width:100%; padding-right:0}
}





#mInterior {background:url('/images/main/minterior-bg.png') no-repeat left top; background-size:cover; 
				position:relative; z-index:2 }

#mInterior #mTitle h4 { font-size:2.2rem; color:#222; font-weight:500; margin-bottom:1em}
#mInterior #mTitle .t2 { margin-top:4em; font-size:1.8rem; line-height:1.8em}
#mInterior #mTitle .t3 { font-size:1.6rem; line-height:1.8em}

#mInterior #contWrap {position:relative}
#mInterior #contWrap:before { content:''; width:60%; height:45%; background:rgba(197,183,171,0.3);
										position:absolute; left:-15px; top:-70px }
#mInterior #contWrap div img {width:100%}

@media all and (max-width:1399px){
	#mInterior #contWrap:before {top:-50px}
}
@media all and (max-width:1280px){
	#mInterior #contWrap:before {top:-50px}
}
@media all and (max-width:976px){
	#mInterior #mTitle .t2 { margin-top:2em}
	#mInterior #mTitle .t3 { display:none}
	#mInterior #contWrap:before { left:unset; right:-2%; top:-10%; height:60%; }
}




#mPartners {background:#FFF; overflow:hidden; position:relative; z-index:2 }
#mPartners:before {content:''; width:468px; height:468px; background:url('/images/main/mabout-bg.png') no-repeat right top; background-size:cover; 
					position:absolute; right:-3%; top:-5%; animation: 4000s 0s infinite rotate}

#mPartners  #mTitle .t2 {margin-top:1.3em; padding:0.5em 1em; display:inline-block; font-size:1.8rem; border-radius:30px; background:#b97c5e; color:#FFF}
#mPartners #contWrap ul {display:flex; border-top:1px solid #f5ebe7; border-bottom:1px solid #f5ebe7; justify-content: center;}
#mPartners #contWrap ul.bdt0 {border-top: 0px;}
#mPartners #contWrap ul li {border-right:1px solid #f5ebe7;}
#mPartners #contWrap ul li img {width:100%; max-width:319px;}
#mPartners #contWrap ul li:last-child {border-right:0}

@keyframes rotate {
    from{transform: rotate(0deg);}
    to{transform: rotate(99999deg);}
}

@media all and (max-width:976px){
	#mPartners:before { width:40vw; height:40vw}
	#mPartners #contWrap ul { flex-wrap:wrap; justify-content:center;}
	#mPartners #contWrap ul li { width:33.3333% }
	#mPartners #contWrap ul li:nth-child(3) {border-right:0}
	#mPartners #contWrap ul li:nth-child(1),
	#mPartners #contWrap ul li:nth-child(2),
	#mPartners #contWrap ul li:nth-child(3) {border-bottom:1px solid #f5ebe7}
}
@media all and (max-width:480px){
	#mPartners:before { width:50vw; height:50vw}
	#mPartners #contWrap ul li { width:50% }
	#mPartners #contWrap ul li:nth-child(3) {border-right:0}
	#mPartners #contWrap ul li:nth-child(4) {border-bottom:1px solid #f5ebe7}
	#mPartners #contWrap ul li:nth-child(even) {border-right:0}
}




#interior1 {width:100%; max-width:1280px; margin:0 auto}