@charset "utf-8";

#mVisual {position:relative; width:100%; height:860px;  overflow:hidden;  }
#mVisual:before {content:''; width:100%; height:340px; background:#f9f6f0; position:absolute; left:0; bottom:0}
#mVisual .mvWrap {width:96%; max-width:1760px; height:100%;  float:right }
.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;  overflow:hidden; border-top-left-radius:100px;  border-bottom-left-radius:100px;}

.mv_slider.mv1 {background-image:url('/images/main/m_visual1_240617_2.jpg'); }
.mv_slider.mv2 {background-image:url('/images/main/m_visual2.jpg'); }

#mVisual .mv_slider .mv-txt { display:table; width:92%; max-width:1450px; height:60%; margin:0 auto;  }
#mVisual .mv_slider .mv-txt div { margin:0 auto; display:table-cell; vertical-align:middle; box-sizing:border-box; color:#fff; }
#mVisual .mv_slider .mv-txt div .t1 { font-size: 6.0rem; font-family: 'KoPub Batang'; font-weight:700;  text-shadow:0 0 3px rgba(0,0,0,0.45); line-height:1.2em }
#mVisual .mv_slider .mv-txt div .t2 { padding-top:1.5em; font-size: 1.8rem; text-shadow:0 0 2px rgba(0,0,0,0.15)}

.mv_slider.mv1 .mv-txt div { padding:5% 0 0 6% }
.mv_slider.mv2 .mv-txt div { padding:5% 0 0 6% }


@media all and (max-width:1599px) {
	#mVisual .mv_slider {border-top-left-radius:6vw;  border-bottom-left-radius:6vw; }

	#mVisual:before { height:21vw; }
}
@media all and (max-width:1480px) {
  #mVisual { height: 55vw; }
}

@media all and (max-width:1280px) {
  #mVisual { height: 65vw; }  
  .mv_slider.mv2 .mv-txt div { padding:0 }
}

@media all and (max-width:1024px) {
  #mVisual { height: 70vw; }
  #mVisual .mv_slider .mv-txt div .t1 { font-size: 5.5rem; }
}

@media all and (max-width:767px) {
  #mVisual { height: 80vw; }  
  #mVisual .mv_slider .mv-txt div .t1 { font-size: 4.5rem; }
}

@media all and (max-width:568px) {
  #mVisual { height: 90vw; }
}

@media all and (max-width:480px) {
  #mVisual { height: 100vw; }
  #mVisual .mv_slider {border-top-left-radius:10vw;  border-bottom-left-radius:10vw; }
  #mVisual .mv_slider .mv-txt {  height:80%;}
    #mVisual .mv_slider .mv-txt div .t1 { font-size: 4.0rem; }
}

@media all and (max-width:380px) {
  #mVisual .mv_slider .mv-txt div .t1 { font-size: 3.8rem; }
}






#mTitle {}
.mtit {font-size:5.0rem; color:#3a2e1d; font-family:'KoPub Batang' ; font-weight:300}
.mtit-s {font-size:3.0rem;  color:#3a2e1d; font-family:'KoPub Batang' ; font-weight:300}
.mtit-eng {font-size:7.0rem; color:#3a2e1d; font-weight:700;  font-family: 'Cormorant Garamond', serif; }
.mt-t1 {font-size:1.8rem; color:#7d7b77; line-height:1.6em;}
.mt-s1 { font-size:1.6rem; color:#7d7b77; line-height:1.6em}
@media all and (max-width:976px) {
	.mtit {font-size:4.5rem;}
	.mtit-eng {font-size:6.5rem;}
}


#mNum-t .t1 {font-size:1.4rem; color:#222; font-family:'Montserrat'; font-weight:600;}
#mNum-t .line {display:inline-block; width:65px; height:1px; background:#222; margin:0 5px}
@media all and (max-width:976px) {
	#mNum-t .line { width:45px;}
}
@media all and (max-width:810px) {
	#mNum-t .line { width:35px;}
}


.mBtn {padding:0 2em; line-height:50px;  display:inline-block; background:#c6a582;}
.mBtn p {padding-right:80px; font-size:1.4rem; color:#fff; font-family:'Montserrat'; font-weight:400; position:relative;}
.mBtn p:before {content:''; width:70px; height:7px; background:url('/images/main/mbtn-arrow.png')no-repeat; position:absolute; right:0; top:50%; margin-top:-3px}

.mBtn:hover { background:#222;}


.mPart {padding:8em 0}
@media all and (max-width:976px) {
	.mPart {padding:5em 0}
}

#mAbout { background:#f9f6f0; position:relative; }
#mAbout:before {content: ''; background: top right / 311px no-repeat url('/images/main/circle-txt.png');  width: 311px;  height: 308px;  
					display: block;   position: absolute;  top: -160px;   left: 35px;  animation: 4000s 0s infinite rotate; }
#mAbout:after {content:''; width:620px; height:620px; border-radius:620px; border:1px solid rgba(174,125,48,.18);  position:absolute; top:90px; right:-330px; }
#mAbout .cont {width:90%; margin:0 auto; display:flex; flex-items:center; justify-content:center;}
#mAbout .left {margin-right:85px; padding-right:130px; position:relative}
#mAbout .left:before {content:''; width: 147px; height:113px; background:url('/images/main/mabout1-t-bg.png')no-repeat; position:absolute; right:0; top:0 }

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


@media all and (max-width:1499px) {
	#mAbout:before {background-size:cover;  width: 18vw;  height: 18vw;  top: -9vw;   }
	#mAbout:after {width:43vw; height:43vw;  top:7vw; right:-25vw;  }
}
@media all and (max-width:976px) {
	#mAbout .left {margin-right:40px; padding-right:80px;}
}
@media all and (max-width:810px) {
	#mAbout .left {width:180px; margin-right:40px; padding-right:0;}
	#mAbout .left:before {width: 100px; height:100%; background-size:100% auto}
	#mAbout #mTitle {width:calc(100% - 180px)}
	#mAbout #mTitle .mt-t1 {padding-top:20px !important}
}
@media all and (max-width:610px) {
	#mAbout .cont { flex-wrap:wrap;}
	#mAbout .left {width:100%; margin-bottom:3em }
	#mAbout .left:before {display:none}
	#mAbout #mTitle {width:100%; text-align:center}
}






#mBusWrap { margin:8em 0 }
#mBusWrap .in-box {display:flex; flex-items:center; justify-content:center;flex-wrap:wrap;}
#mBusWrap .in-box .img  {width:960px; border-radius:20px;overflow:hidden }
#mBusWrap .in-box .txt {width:calc(100% - 960px);padding-left:8.5%; position:relative; }
#mBusWrap .in-box .txt #mTitle {margin-top:5em }
#mBusWrap .in-box .txt .num {font-size:10.0rem; color:#ebe4d9; position:absolute; left:-5.5%; top:0;  font-family: 'Playfair Display', serif; }
#mBusWrap .in-box .txt .t2 {padding-top:1em; font-size:2.0rem; color:#c6a582}
#mBusWrap .in-box .txt .t1 { width:350px; font-weight:400; line-height:1.8em; color:#7d7b77}
#mBusWrap .mBtn {margin-top:5em}

@media all and (max-width:1580px) {
	#mBusWrap .in-box .img  {width:60%;}
	#mBusWrap .in-box .txt {width:40%;}
}
@media all and (max-width:1399px) {
	#mBusWrap .in-box .img  {width:55%;}
	#mBusWrap .in-box .img img {width:100%;}	
	#mBusWrap .in-box .txt {width:45%; padding-left:6%; }
	#mBusWrap .in-box .txt #mTitle {margin-top:2em }
	#mBusWrap .in-box .txt .num { font-size:8.0rem; left:-6%; top:-0.2em }
	#mBusWrap .in-box .txt .t1 { width:100%; padding-top:20px !important}
	#mBusWrap .mBtn {margin-top:3em}
}
@media all and (max-width:1180px) {
		#mBusWrap .in-box .img img {width:600px;}	
}
@media all and (max-width:1024px) {
	#mBusWrap .in-box .img img {width:100px;}	
	#mBusWrap .in-box .img  {width:100%;}
	#mBusWrap .in-box .img img {width:100%;}	
	#mBusWrap .in-box .txt {width:100%; padding-left:0; }
	#mBusWrap .in-box .txt .num {font-size:10.0rem; left:auto; right:0; top:-0.8em}
}
@media all and (max-width:976px) {
	#mBusWrap {margin:5em 0}
}






#mPortfolio {display:flex; flex-items:center; justify-content:center;flex-wrap:wrap;}
#mPortfolio .mport {padding-top:6.5em; width:27%;  
						border-top-right-radius:100px; border-bottom-right-radius:100px; overflow:hidden} 
#mPortfolio .mport .in-box {width:370px; float:right} 
#mPortfolio .mport .in-box .mtit {padding:1.6em 0 0.5em }
#mPortfolio .mport.bg1 { background:#f9f7f0 url('/images/main/mport1-bg.png') no-repeat center center; }
#mPortfolio .mport.bg2 {background:#fbf7f6 url('/images/main/mport2-bg.png') no-repeat center center; }
#mPortfolio .cont {width:73%; padding:0 2%;  display:flex; flex-items:center; justify-content:space-between;flex-wrap:wrap;}
#mPortfolio .cont div {width:31.333%; margin:2em 1% 0 1%; }
#mPortfolio .cont div img {width:100%; box-shadow:3px 3px 10px rgba(85,85,85,0.15);}
#mPortfolio .cont div dl { margin-top:1.5em}
/* #mPortfolio .cont div dl dt { font-size:2.2rem; color:#222; line-height:1.2em; font-weight:500} */
#mPortfolio .cont div dl dt { font-size:1.8rem; color:#222; line-height:1.2em; font-weight:500}
#mPortfolio .cont div dl dt span{ font-size:1.4rem; color:#c67f6b; line-height:1.2em; font-weight:500}
/* #mPortfolio .cont div dl dd  { padding-top:1em; font-size:1.6rem; line-height:1.6em} */
#mPortfolio .cont div dl dd  { padding-top:0.7em; font-size:1.3rem; line-height:1.6em}

@media all and (max-width:1599px) {
	#mPortfolio .mport {border-top-right-radius:6vw;  border-bottom-right-radius:6vw; }
	#mPortfolio .mport .in-box {width:100%;padding:0 3% 0 15%; } 
}
@media all and (max-width:1280px) {
	#mPortfolio .mport {width:30%;}
	#mPortfolio .mport .in-box p br {display:none}
	#mPortfolio .cont {width:70%; max-height: 750px;  overflow-y: scroll;  }
	#mPortfolio .cont div {width:48%;  }
}
@media all and (max-width:1024px) {
	#mPortfolio .mport {width:100%; padding-top:0; border-top-right-radius:6vw; border-top-left-radius:6vw;  border-bottom-right-radius:0;}	
	#mPortfolio .mport .in-box {padding:8% 4%}
	#mPortfolio .mport .in-box .mtit br {display:none}
	#mPortfolio .cont {width:100%; max-height: 100%;  overflow-y: none; }
	#mPortfolio .cont div {width:48%;  }
	#mPortfolio .cont div img { border-radius:10px}
	#mPortfolio .cont div dl dt { font-size:1.6rem; }
	#mPortfolio .cont div dl dt span {display:block; margin-top:0.3em}
	#mPortfolio .mport.bg1 { background:#f9f7f0 url('/images/main/mport1-bg-m.png') no-repeat right bottom; background-size:auto 100%; }
	#mPortfolio .mport.bg2 {background:#fbf7f6 url('/images/main/mport2-bg-m.png') no-repeat left bottom;  background-size:auto 100%; }
	#mPortfolio .mport.bg2 .in-box {text-align:right}
}
 @media all and (max-width:580px) {
		#mPortfolio .mport .in-box {padding:10% 4%}
		#mPortfolio .mport .in-box .mtit {padding:0.8em 0 0.2em }
		#mPortfolio .mport .in-box .mtit br {display:block}
		#mPortfolio .mport .in-box p br {display:block}
		#mPortfolio .mport.bg1 { background-size:auto 70%; }

 }



#mFstf  {background:url('/images/main/mfstf-bg.png') no-repeat center top;  text-align:center}
#mFstf #mTitle { width:96%; margin:0 auto; padding:6em 0;}
#mFstf #mNum-t {margin-bottom:2.5em}
#mFstf #mNum-t .line { background:#FFF }
#mFstf .mtit {display:inline-block;}
#mFstf .mt-s1 {display:inline-block; text-align:left }
#mFstf .in-box  { width:98%; margin:0 auto;  display:flex; flex-items:center; justify-content:center;flex-wrap:wrap;}
#mFstf .in-box div {width:15.666%; margin:0.5%; text-align:center}
#mFstf .in-box div img {width:100%; border-radius:20px}
#mFstf .in-box div .num { display:inline-block; font-weight:600; font-family:'Montserrat';   background:#c6a582; width:40px; line-height:40px;  border-radius:50px; color:#FFF;}
#mFstf .in-box div dl {margin-top:-20px; padding:0 3%;}
#mFstf .in-box div dl dt {font-size:2.2rem; color:#222; margin:0.5em 0; font-weight:500}
#mFstf .in-box div dl dd {line-height:1.6em;}


@media all and (max-width:1299px) {
	#mFstf .in-box div {width:24%; }
}

@media all and (max-width:880px) {
	#mFstf  {background-size:auto 40%}
	#mFstf #mTitle { padding:4em 0;}	
	#mFstf .in-box {width:96%; margin:0 auto}
	#mFstf .in-box div {width:31%; margin:1%; }
	#mFstf .in-box div img { border-radius:10px}
	#mFstf .in-box div dl dt {font-size:2.0rem; }
	#mFstf .in-box div dl {margin-bottom:1em}
}
@media all and (max-width:580px) {
	#mFstf  {background-size:auto 35%}
	#mFstf #mTitle { text-align:center}
	#mFstf .mtit {display:block;}
	#mFstf .mt-s1 {margin-top:1em; text-align:center}
	#mFstf .in-box div {width:48%; }
	#mFstf .in-box div .num { font-size:1.4rem;  background:#c6a582; width:30px; line-height:30px;  }
}



#mfstf-typo {margin-top:1em; text-align:right}
#mfstf-typo img {width:65%; max-width:1023px;  }




#mTip {margin-top:8em; background:url('/images/main/mtip-bg.png')no-repeat left top; background-size:auto 100%; overflow:hidden} 
#mtipCont {margin-top:2em; width:96%; max-width:1760px;  float:right; position:relative}
#mtipCont .mtipWrap {padding-left:330px; width:120%}
#mtipCont .mtipWrap div {margin-right:50px}
#mtipCont .mtipWrap div:nth-child(even) {margin-top:4em}
#mtipCont .mtipWrap .slick-list.draggable {margin-top:0}
#mtipCont .mtipWrap div img {width:100%;  border-radius:20px}
#mtipCont .mtipWrap div dl {margin:2.0em 0 1.5em}
#mtipCont .mtipWrap div dl dt  { font-size:2.2rem; color:#222; line-height:1.2em; font-weight:500}
#mtipCont .mtipWrap div dl dd  { margin-top:1em; font-size:1.6rem; line-height:1.6em}
#mtipCont .mtipWrap div .date {font-size:1.8rem; color:#c6a582; font-family: 'Cormorant Garamond', serif;}
#mtipCont #mTitle {position:absolute; left:0; top:-30px}

@media all and (max-width:1599px) {
	#mtipCont .mtipWrap {padding-left:280px}
}
@media all and (max-width:1499px) {
	#mtipCont .mtipWrap div {margin-right:40px}
}
@media all and (max-width:1280px) {
	#mTip .mPart { padding:4em 0 !important}
}
@media all and (max-width:1080px) {
	#mtipCont .mtipWrap div {margin-right:30px}
	#mtipCont .mtipWrap div:nth-child(even) {margin-top:2em}
}
@media all and (max-width:976px) {
	#mTip {margin-top:5em;}
}

@media all and (max-width:767px) {
	#mTip {background-size:80% auto }
	#mtipCont #mTitle { top:0}
	#mtipCont .mtipWrap { width:140%}
	#mtipCont .mtipWrap div {margin-right:20px}
	#mtipCont .mtipWrap {padding-left:0; padding-top:190px}
}
@media all and (max-width:580px) {
	#mtipCont .mtipWrap { width:100%}
	#mtipCont .mtipWrap div {margin-right:10px;}
}
@media all and (max-width:480px) {
		#mTip {background-size:90% auto }
	#mtipCont .mtipWrap { width:96%; padding-top:180px}
		#mtipCont .mtipWrap div {margin-right:0;}
		#mtipCont .mtipWrap div:nth-child(even) {margin-top:0}
}


#mLocation {margin-bottom:8em; display:flex; flex-items:center; justify-content:center;flex-wrap:wrap;}
#mLocation .cont {width:40%; padding-left:7.9vw; margin-top:5em;}
#mLocation .cont #mTitle .mt-t1 {padding:1em 0 }
#mLocation .cont dl dt {font-size:4.0rem; color:#ae7d30; font-weight:600; line-height:1.4em; font-family: 'Playfair Display', serif;}
#mLocation .cont dl dd {font-size:2.0rem; color:#76603e;  line-height:1.4em; font-family:'Montserrat'; font-weight:500;}
#mLocation .cont  ul {margin-top:2em; width:250px;}
#mLocation .cont  ul li {font-size:1.5rem;  font-family:'Montserrat'; font-weight:500; color:#7d7b77; border-bottom:1px solid #f0f0ef; line-height:30px;}
#mLocation .cont  ul li .day {display:inline-block; width:80px}

#mLocation .mMap {width:60%;  overflow:hidden; border-top-left-radius:100px;  border-bottom-left-radius:100px; border-bottom:1px solid #DDD}
#mLocation .mMap .root_daum_roughmap .wrap_controllers {display:none; }
#mLocation .mMap .root_daum_roughmap .wrap_map {height:600px !important}
@media all and (max-width:1599px) {
	#mLocation .cont { padding-left:4%;}
	#mLocation .mMap {border-top-left-radius:6vw;  border-bottom-left-radius:6vw; }
	#mLocation .mMap .root_daum_roughmap .wrap_map {height:38vw !important}
}
@media all and (max-width:1080px) {
	#mLocation .cont {width:45%;}
	#mLocation .mMap {width:55%;}
	#mLocation .mMap .root_daum_roughmap .wrap_map {height:45vw !important}
}
@media all and (max-width:976px) {
	#mLocation {margin-bottom:5em;}
	#mLocation .cont {width:100%;}
	#mLocation .cont #mTitle .mt-t1 {padding:0.5em 0 }
	#mLocation .cont  ul {margin-top:1em}
	#mLocation .mMap {width:100%; margin:2em 0 0 4%; border-top-left-radius:20px;  border-bottom-left-radius:20px;}
}
@media all and (max-width:680px) {
	#mLocation .cont { margin-top:0;}
}
@media all and (max-width:640px) {
	#mLocation .mMap .root_daum_roughmap .wrap_map {height:350px !important}
}
@media all and (max-width:480px) {
 	#mLocation .mMap .root_daum_roughmap .wrap_map {height:280px !important}
}









#mContactus {padding:9.5em 0; background:url('/images/main/mcontactus-bg.png') no-repeat center center; text-align:center; background-size:cover}
#mContactus  .mBtn {margin-top:3em}

@media all and (max-width:976px) {
	#mContactus {padding:6em 0; }
}