@charset "utf-8";


#mVisual {position:relative; width:100%; height:950px; overflow:hidden; }
.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 top; }

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

#mVisual .mv_slider .mv-txt { display:table; width:95%; height:100%; max-width: 1600px; margin:0 auto; text-align: center; }
#mVisual .mv_slider .mv-txt > div { display:table-cell; vertical-align:middle; box-sizing:border-box;  }
#mVisual .mv_slider .mv-txt > div br.br768 {display:none}
#mVisual .mv_slider .mv-txt > div h3 {font-size:6.0rem; font-family:'esamanru'; color:#FFF}
#mVisual .mv_slider .mv-txt > div .t1 { margin-top:1em; font-size:2.2rem; color:#FFF; font-weight:600; line-height:1.6em}

@media all and (max-width:1599px) {
	#mVisual { height:100vh}
}
@media all and (max-width:1499px) {
	#mVisual { height:100vh}
}
@media all and (max-width:1280px) {
	#mVisual {height:750px; }	
	#mVisual .mv_slider .mv-txt > div {padding-top:70px}
}
@media all and (max-width:976px) {
	#mVisual { height:70vh}
	#mVisual .mv_slider .mv-txt > div h3 { font-size:5.0rem; }
	#mVisual .mv_slider .mv-txt > div .t1 { font-size:2.0rem;}
}

@media all and (max-width:768px) {
  #mVisual .mv_slider .mv-txt > div br.br768 {display:block}
}
@media all and (max-width:480px) {
	#mVisual { height:70vh}
	#mVisual .mv_slider .mv-txt > div h3 { font-size:4.5rem; }
	#mVisual .mv_slider .mv-txt > div .t1 { font-size:1.8rem;  line-height:1.4em}
}




.mp-Part {padding-top:150px }
.mm-Part {margin-top:150px }

@media all and (max-width:1280px) {
	.mp-Part {padding-top:100px }
	.mm-Part {margin-top:100px }
}
@media all and (max-width:768px) {
	.mp-Part {padding-top:80px }
	.mm-Part {margin-top:80px }
}
@media all and (max-width:480px) {
	.mp-Part {padding-top:15vw }
	.mm-Part {margin-top:15vw }
}



.sp-Part {padding-top:100px }
.sm-Part {margin-top:100px }

@media all and (max-width:1280px) {
	.sp-Part {padding-top:70px }
	.sm-Part {margin-top:70px }
}
@media all and (max-width:768px) {
	.sp-Part {padding-top:50px }
	.sm-Part {margin-top:50px }
}
@media all and (max-width:480px) {
	.sp-Part {padding-top:10vw }
	.sm-Part {margin-top:10vw }
}



#mTitle {width:90%; margin:0 auto; padding-bottom:50px; text-align:center}
#mTitle .eng {padding-bottom:3em; font-size:1.6rem; color:#af9375; opacity:.6; font-family:'Montserrat'; font-weight:700;
				text-transform:uppercase; letter-spacing:0.03em}
#mTitle h3 {font-size:5.0rem; font-weight:300; color:#222;}
#mTitle .t1 {margin-top:1.0em; font-size:1.8rem; color:#777; opacity:.8; line-height:1.4em}
#mTitle br.br680 {display:none}
#mTitle br.br480 {display:none}

@media all and (max-width:1024px) {
	#mTitle .eng {padding-bottom:2em; font-size:1.3rem; }
	#mTitle h3 {font-size:4.5rem;}
	#mTitle .t1 { font-size:1.7rem; }
}
@media all and (max-width:680px) {
	#mTitle br.br680 {display:block}
}
@media all and (max-width:480px) {
	#mTitle h3 {font-size:3.8rem;}
	#mTitle .t1 {margin-top:0.8em}
	#mTitle br.br480 {display:block}
}




.mspecialSlick {position:relative; padding:65px 0}
.mspecialSlick:before {content:''; width:80%; height:100%; background:#ede8e0; position:absolute; right:0; top:0}
.mspecialSlick .in-box {display:flex; height:480px; }
.mspecialSlick .in-box .img {width:960px;}
.mspecialSlick .in-box .img img {width:100%;}
.mspecialSlick .in-box .cont {padding-left:80px; width:calc(95% - 960px); max-width:800px; height:100%;  
								display:flex; flex-direction: column;	justify-content: flex-end; }

.mspecialSlick .in-box .txt h3 {padding-left:33px; font-size:4.0rem; color:#333; font-family:'Montserrat'; letter-spacing:-0.03em; position:relative}
.mspecialSlick .in-box .txt h3 .num {font-size:9.0rem; font-weight:600; font-family:'Oswald'; color:#e5dcd1;
											position:absolute; left:0; bottom:0; line-height:1.0em; z-index:-1}
.mspecialSlick .in-box .txt .t1 {padding-top:1.3em; font-size:2.0rem; line-height:1.8em;}
.mspecialSlick .in-box .txt .t1 span {display:block}
.mspecialSlick .in-box .arrows {margin-top:50px; display:flex; margin-left:-20px}
.mspecialSlick .in-box .arrows > div {width:60px; cursor:pointer}
.mspecialSlick .in-box .arrows > div img {width:100%}
.mspecialSlick .in-box .arrows .prev {position:relative;  }
.mspecialSlick .in-box .arrows .prev:before {content:''; width:4px; height:4px; background:#af9375; border-radius:5px; 
													position:absolute; right:-2px; top:50%; margin-top:-2px}

@media all and (max-width:1599px) {
	.mspecialSlick .in-box {height: auto;  align-items: center;}
	.mspecialSlick .in-box .img {width:55%}
	.mspecialSlick .in-box .cont {padding:0 5%; width:45%; 	justify-content: center;}
	.mspecialSlick .in-box .txt h3 {padding-top:30px}
	.mspecialSlick .in-box .txt .t1 {font-size:1.9rem; line-height:1.6em;}
}
@media all and (max-width:1280px) {
	.mspecialSlick { padding:50px 0}
	.mspecialSlick .in-box .txt h3 {padding-left:20px; padding-top:30px; font-size:3.5rem;}
	.mspecialSlick .in-box .txt h3 .num {font-size:7.0rem;}
	.mspecialSlick .in-box .txt .t1 {font-size:1.8rem;}
	.mspecialSlick .in-box .arrows {margin-top:30px; } 
}
@media all and (max-width:976px) {
	.mspecialSlick { padding:50px 0 0}
	.mspecialSlick:before { width:70%;}
	.mspecialSlick .in-box {flex-wrap:wrap; width:90%; margin:0 auto;}
	.mspecialSlick .in-box .img {width:100%}
	.mspecialSlick .in-box .cont {padding:0; margin-top:8%; width:100%;} 
	.mspecialSlick .in-box .arrows {margin-top:5%; }
}
@media all and (max-width:480px) {
	.mspecialSlick { padding:30px 0 0}
	.mspecialSlick .in-box .arrows {margin-left:-14px}
	.mspecialSlick .in-box .arrows > div {width:50px}
}






#mclinicWrap {position:relative; width:100%; max-width:1720px; margin:0 auto; height:630px; overflow:hidden;
					background:#ede8e0 url('/images/main/mclinicwrap-bg0.png') no-repeat center center; background-size:cover;}
#mclinicWrap .in-box{width:25%; box-sizing:border-box; float:left; color:#FFF; text-align:center; display:table; height:100%; cursor:pointer; }
#mclinicWrap .in-box:before{content:""; width:100%; height:100%; position:Absolute; top:0; left:0; right:0; bottom:0; background:no-repeat center center; 
									background-size:cover; opacity:0; -webkit-transition: all 0.5s; transition: all 0.5s;}

#mclinicWrap .bg1:before{background-image:url('/images/main/mclinicwrap-bg1.png'); }
#mclinicWrap .bg2:before{background-image:url('/images/main/mclinicwrap-bg2.png'); }
#mclinicWrap .bg3:before{background-image:url('/images/main/mclinicwrap-bg3.png'); }
#mclinicWrap .bg4:before{background-image:url('/images/main/mclinicwrap-bg4.png'); }

#mclinicWrap .in-box .in{position:relative; z-index:5; display:table-cell; vertical-align:bottom; padding-bottom:4em; 
					border-left:1px solid Rgba(255,255,255,0.3); transition: all 0.5s;}
#mclinicWrap .in-box .in:before{content:''; display: block; position: absolute; width: 100%; height:100%; left: 0; bottom: 0; opacity: 0;
										-webkit-transition: all 0.5s; transition: all 0.5s; }
#mclinicWrap .bg1 .in:before{background: rgba(155,142,102,0.4); }
#mclinicWrap .bg2 .in:before{background: rgba(127,85,53,0.28); }
#mclinicWrap .bg3 .in:before{background: rgba(127,87,54,0.3); }
#mclinicWrap .bg4 .in:before{background: rgba(90,82,78, 0.2);}
#mclinicWrap .in-box:hover:before{opacity:1;}
#mclinicWrap .in-box:hover .in:before{opacity:1; height:100%}

#mclinicWrap .in-box .in a {position:relative; z-index:2; display:block; width:100%; height:100%;
								display:flex; display:flex; flex-direction: column;	justify-content: flex-end;}
#mclinicWrap .in-box dl {color:#FFF; opacity:.7}
#mclinicWrap .in-box dl dt {font-size:4.0rem; font-weight:700; }
#mclinicWrap .in-box dl .eng {margin-bottom:1em; font-size:1.5rem; font-weight:600; line-height:2.0em;  font-family:'Montserrat'; 
									opacity:.2; }
#mclinicWrap .in-box dl dd {font-size:2.0rem; line-height:1.8em}
#mclinicWrap .in-box .arrow {width:60px; height:60px; margin:60px auto 0; border-radius:60px; background:rgba(255,255,255,0.1); 
									display:none;  transition: all 0.5s;}
#mclinicWrap .in-box .arrow img {width:100%}

#mclinicWrap .in-box:hover dl {opacity:1;}
#mclinicWrap .in-box:hover .arrow {display:block;}

@media all and (max-width:1720px) {
	#mclinicWrap { width:90%; }
}
@media all and (max-width:1280px) {
	#mclinicWrap { height:550px;}
	#mclinicWrap .in-box dl dt {font-size:3.5rem;}
	#mclinicWrap .in-box dl dd {font-size:1.8rem; line-height:1.6em}
}
@media all and (max-width:1280px) {
	#mclinicWrap { height:500px;}
	#mclinicWrap .in-box dl dt {font-size:3.0rem;}
	#mclinicWrap .in-box dl dd {font-size:1.6rem; line-height:1.4em}
}
@media all and (max-width:976px) {
	#mclinicWrap {height:auto; overflow:hidden;}
	#mclinicWrap .in-box{position:relative; width:50%; height:30vw; }
	#mclinicWrap .in-box:before{opacity:1;}
	#mclinicWrap .in-box .in{padding:2em 10px; border-left:0; border-top:0px solid Rgba(255,255,255,0.1);}
	#mclinicWrap .in-box .in a {	justify-content: center}
	#mclinicWrap .in-box dl {opacity:1}
	#mclinicWrap .in-box dl dt {font-size:3.5rem;}
	#mclinicWrap .in-box dl dd {font-size:1.8rem; line-height:1.6em}
	#mclinicWrap .in-box .arrow {display:none}
}
@media all and (max-width:640px) {
	#mclinicWrap .in-box{ width:100%; height:40vw; }
}
@media all and (max-width:480px) {
	#mclinicWrap .in-box{ height:50vw; }
}



#mDoctor #contWrap {display:flex;  align-items: center; background:#ede8e0}
#mDoctor #contWrap .img {width:50%}
#mDoctor #contWrap .img img {width:100%}
#mDoctor #contWrap .txt {width:50%}
#mDoctor #contWrap .txt .in-box {width:80%; max-width:640px; margin:0 auto}
#mDoctor #contWrap .txt  h4 {margin-bottom:0.5em; font-size:3.8rem; color:#333; font-weight:300}
#mDoctor #contWrap .txt  h3 {font-size:5.0rem; color:#333; font-weight:800}
#mDoctor #contWrap .txt  dl dt {margin:2em 0 1em; font-size:2.4rem; font-weight:700; letter-spacing:-0.03em}
#mDoctor #contWrap .txt  dl dt br {display:none}
#mDoctor #contWrap .txt  dl dd {font-size:2.0rem; line-height:1.8em; font-weight:500 }
#mDoctor #contWrap .txt .mBtn {margin-top:15%; padding-left:20px; line-height:50px; display:inline-block;
										background:#af9375 url('/images/main/arrow-next-w.png')no-repeat right center}
#mDoctor #contWrap .txt .mBtn span {padding-right:80px; font-size:1.8rem; color:#FFF; }
#mDoctor #contWrap .txt .mBtn:hover {background-color:#765943}

@media all and (max-width:1499px) {
	#mDoctor #contWrap .txt .mBtn {margin-top:10%; }
}
@media all and (max-width:1399px) {
	#mDoctor #contWrap .txt  dl dd {font-size:2.0rem; line-height:1.6em}
}
@media all and (max-width:1280px) {
	#mDoctor #contWrap {padding:50px;}
	#mDoctor #contWrap .txt .in-box {width:100%; padding-left:10%}
	#mDoctor #contWrap .txt  h4 {font-size:3.5rem;}
	#mDoctor #contWrap .txt  h3 {font-size:4.5rem;}
	#mDoctor #contWrap .txt  dl dt {font-size:2.2rem}
	#mDoctor #contWrap .txt  dl dd {font-size:1.8rem;}
	#mDoctor #contWrap .txt  dl dd br {display:none}
}
@media all and (max-width:1024px) {
	#mDoctor #contWrap { align-items: start; }
}
@media all and (max-width:976px) {
	#mDoctor #contWrap {padding:30px;}
	#mDoctor #contWrap { flex-wrap:wrap}
	#mDoctor #contWrap .img {width:100%}
	#mDoctor #contWrap .txt {margin-top:50px; width:100%;}
	#mDoctor #contWrap .txt .in-box {width:100%; padding-left:0; max-width:100%; text-align:center}
}
@media all and (max-width:480px) {
	#mDoctor #contWrap .txt  h4 {font-size:2.8rem;}
	#mDoctor #contWrap .txt  h3 {font-size:3.8rem;}
	#mDoctor #contWrap .txt  dl dt br {display:block}
	#mDoctor #contWrap .txt .mBtn {line-height:40px; background-size:auto 100%}
	#mDoctor #contWrap .txt .mBtn span {padding-right:50px }
}






#mInfo {}

#mInterior {width:100%; position:relative}
#mInterior div img {width:100%}
#mInterior .slick-dots li { background: #FFF; margin:0 10px ; width:8px; height:8px; opacity:.5 }
#mInterior .slick-dots li.slick-active {background: #79563c; opacity:1 }


#mEquit {width:570px;}
#mEquit .cont img {width:100%}
#mEquit .cont dl {margin-top:30px}
#mEquit .cont dl dt  {font-size:3.6rem; font-weight:700; color:#333 }
#mEquit .cont dl dd { margin-top:1em; font-size:2.0rem; line-height:1.8em; }
#mEquit .cont .mBtn {display:none; text-align:right; margin-top:-14px}		
#mEquit .cont .mBtn a {width:165px; padding:0 20px; display:inline-block; line-height:50px;  text-align:right; 
							background:#af9375}							
#mEquit .cont .mBtn a span {font-size:1.5rem; color:#FFF; font-family:'Montserrat'; font-weight:500 }
#mEquit .cont .mBtn a:hover {background-color:#765943}
#mEquit .slick-dots {text-align:left; bottom:0; height:8px}

@media all and (max-width:1599px) {
	#mInfo {gap:0}
	#mInterior {width:60%;}
	#mEquit {width:35%}
	#mEquit .cont dl dd br {display:none}
}
@media all and (max-width:1280px) {
	#mInterior .title h3 {font-size:3.2rem; }
	#mEquit .cont dl dt  {font-size:3.2rem;}
	#mEquit .cont dl dd { margin-top:1em; font-size:1.8rem; line-height:1.6em; }
	#mEquit .cont .mBtn a {width:150px; line-height:45px; }
}
@media all and (max-width:1024px) {
	#mInfo {flex-wrap:wrap}
	#mInterior {width:100%;}
	#mInterior .title {margin-bottom:30px; }
	#mEquit {margin-top:50px; width:calc(100% + 20px)}	
	#mEquit .cont {margin-right:20px}
	#mEquit .cont dl {margin-bottom:3em}
	#mEquit .slick-dots {text-align:center; }
}
@media all and (max-width:680px) {
	#mInfo .slick-dots li { margin:0 4px }
	#mInterior .title {margin-bottom:20px; }
	#mEquit {margin-top:30px;}
}
@media all and (max-width:480px) {
	#mInterior .title h3 {font-size:2.8rem; }
	#mEquit .cont dl dt  {font-size:2.8rem;}
}




#mLocation {background:#ede8e0; padding:100px 0; }
#mLocation .inner {display:flex; align-items: center;}
#mLocation #txtWrap {width:calc(100% - 900px);} 
#mLocation #txtWrap dl {display:flex;}
#mLocation #txtWrap dl + dl {margin-top:1.5em;}
#mLocation #txtWrap dl dt {width:25%; font-size: 2.2rem; font-weight:700; color:#333}
#mLocation #txtWrap dl dt i {margin-right:10%; width:40px;  line-height:40px; background:#d3cabd;border-radius:40px;
									 color:#ede8e0; font-size:1.8rem; text-align:center; }
#mLocation #txtWrap dl dd { padding-left:8%;  margin-top:5px;font-size:2.0rem; line-height:1.8em; }
#mLocation #txtWrap dl dd.tel {font-size:3.2rem; font-weight:700; font-family:'Roboto'; line-height:1em}
#mLocation #txtWrap dl dd p {font-family:'Roboto','SUIT'; font-weight:400}
#mLocation #txtWrap dl dd p span {width:100px; display:inline-block; font-weight:500}

#mLocation #txtWrap #mBtn a {margin-top:4em; padding:0 2.5em; background-color:#d3cabd; line-height:65px; display:inline-block;
							background-position:2.5em center; background-repeat:no-repeat }
#mLocation #txtWrap #mBtn a.icon1 {background-image:url('/images/main/mloca-icon1.png')}
#mLocation #txtWrap #mBtn a.icon2 {background-image:url('/images/main/mloca-icon2.png')}
#mLocation #txtWrap #mBtn a span {padding-left:2em; font-size:2.0rem; color:#FFF; }
#mLocation #txtWrap #mBtn a:hover {background-color:#af9375}

#mLocation #mapWrap {width:900px; position:relative}
#mLocation #mapWrap a {position:absolute; left:0; bottom:0}
#mLocation #mapWrap .root_daum_roughmap .wrap_map { height: 480px !important; }
.root_daum_roughmap .wrap_controllers {display:none}
.root_daum_roughmap .cont {display:none}

#mLocation #mapWrap #mBtn {padding:0 2em; background:#47423e url('/images/main/mmap-icon.png'); line-height:60px; display:inline-block;
							background-position:2em center; background-repeat:no-repeat; position:absolute; left:0; bottom:0;
							z-index:5}
#mLocation #mapWrap #mBtn span {padding-left:2em; font-size:2.0rem; color:#FFF; }
#mLocation #mapWrap #mBtn:hover {background-color:#af9375}


@media all and (max-width:1599px) {
	#mLocation #txtWrap {width:550px;} 
	#mLocation #txtWrap dl dt {width:150px}
	#mLocation #mapWrap {width:calc(100% - 550px);}
}
@media all and (max-width:1280px) {
	#mLocation {padding-top:70px }
	#mLocation #txtWrap {width:480px;} 
	#mLocation #txtWrap dl dt { font-size: 2.0rem; width:130px}
	#mLocation #txtWrap dl dt i { margin-right:8%; width:34px; line-height:34px;}
	#mLocation #txtWrap dl dd {padding-left:5%;   font-size:1.8rem; line-height:1.6em; }
	#mLocation #txtWrap dl dd p span {width:80px; }
	#mLocation #txtWrap #mBtn a {margin-top:4em; padding:0 2em; line-height:60px; background-position:2em}
	#mLocation #txtWrap #mBtn a span { font-size:1.8rem; }
	#mLocation #mapWrap {width:calc(100% - 480px);}
	#mLocation #mapWrap .root_daum_roughmap .wrap_map { height: 430px !important;}
	#mLocation #mapWrap #mBtn {line-height:55px;}
	#mLocation #mapWrap #mBtn span { font-size:1.8rem; }
}
@media all and (max-width:976px) {
	#mLocation .inner {flex-wrap:wrap}
	#mLocation #txtWrap {width:fit-content; order:2; margin:50px auto 0}
	#mLocation #txtWrap dl dd p {width:255px}
	#mLocation #txtWrap #mBtn a {margin-top:3em;}
	#mLocation #mapWrap {width:100%; order:1}
	#mLocation #mapWrap #mBtn {bottom:unset; top:0}
}
@media all and (max-width:768px) {
	#mLocation {padding-top:50px }
}
@media all and (max-width:480px) {
	#mLocation {padding-top:10vw }
	#mLocation #txtWrap {width:100%; margin-top:30px}
	#mLocation #txtWrap dl dt { font-size: 2.0rem; width:25vw}
	#mLocation #txtWrap dl dt i { margin-right:1vw; width:6.5vw; line-height:6.5vw; font-size:1.6rem}
	#mLocation #txtWrap dl dd {padding-left:5%; margin-top:0; font-size:1.8rem; line-height:1.6em; }
	#mLocation #txtWrap dl dd p {width:auto}
	#mLocation #txtWrap dl dd p span {width:15vw; }
	#mLocation #txtWrap #mBtn a {margin-top:2em; line-height:12vw; background-size:auto 5vw; ; padding:0 1.5em; background-position:1.5em}
	#mLocation #mapWrap .root_daum_roughmap .wrap_map { height: 70vw !important;}
	#mLocation #mapWrap #mBtn {padding:0 1em; line-height:10vw;  background-size:auto 5vw;background-position:1em center;}
}

.intro {display: flex; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: #000; justify-content: center; align-items: center; flex-wrap: wrap; transition: opacity 2.5s 1s; z-index: 100000000000001;}
.intro-box > div { display: block; color: #FFF; text-decoration: none; letter-spacing: 0rem; color: rgba(255, 255, 255, 0.3);}
.intro-box > div~div {margin-top:1vw;}
.intro-box p { display: flex; overflow: hidden; justify-content: center;}
.intro-tit p { font-size: 6vw; line-height: 6vw; }
.intro-txt p { font-size: 6vw; line-height: 6vw; }
.intro-box p span {display: block; min-width: 1vw; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateY(0) translateZ(0); }
.intro-tit p span {font-family:'esamanru' !important; text-shadow: 0 9vw 0 #FFF; animation: splash-tit 2s ease both;}
.intro-txt p span {font-family:'esamanru' !important; text-shadow: 0 9vw 0 #FFF; animation: splash-tit 2s ease both;}

@keyframes splash-tit {
    0% {transform: translateY(0) translateZ(0);}
    100% {transform: translateY(-9vw) translateZ(0);}
}
@keyframes splash-txt {
    0% {transform: translateY(0) translateZ(0);}
    100% {transform: translateY(-9vw) translateZ(0);}
}
.intro-logo { position: absolute; bottom:5%; left:50%; width: 15%;transform:translateX(-50%);}
.intro-logo img {max-width: 100%;}

.intro-txt p span:nth-child(1) {animation-delay: 0.5s;}
.intro-txt p span:nth-child(2) {animation-delay: 0.55s;}
.intro-txt p span:nth-child(3) {animation-delay: 0.6s;}
.intro-txt p span:nth-child(4) {animation-delay: 0.65s;}
.intro-txt p span:nth-child(5) {animation-delay: 0.7s;}
.intro-txt p span:nth-child(6) {animation-delay: 0.8s;}
.intro-txt p span:nth-child(7) {animation-delay: 0.85s;}
.intro-txt p span:nth-child(8) {animation-delay: 0.90s;}
.intro-txt p span:nth-child(9) {animation-delay: 0.95s;}
.intro-txt p span:nth-child(10) {animation-delay: 1s;}
.intro-txt p span:nth-child(11) {animation-delay: 1.05s;}
.intro-txt p span:nth-child(12) {animation-delay: 1.1s;}
.intro-txt p span:nth-child(13) {animation-delay: 1.15s;}
.intro-txt p span:nth-child(14) {animation-delay: 1.2s;}

.intro-tit p span:nth-child(1) {animation-delay: 1.3s; text-shadow: 0 9vw 0 #af9375;}
.intro-tit p span:nth-child(2) {animation-delay: 1.35s; text-shadow: 0 9vw 0 #af9375;}
.intro-tit p span:nth-child(3) {animation-delay: 1.4s;}
.intro-tit p span:nth-child(4) {animation-delay: 1.45s;}
.intro-tit p span:nth-child(5) {animation-delay: 1.5s;}
.intro-tit p span:nth-child(6) {animation-delay: 1.55s;}
.intro-tit p span:nth-child(7) {animation-delay: 1.6s;}
.intro-tit p span:nth-child(8) {animation-delay: 1.65s; text-shadow: 0 9vw 0 #af9375;}
.intro-tit p span:nth-child(9) {animation-delay: 1.7s; text-shadow: 0 9vw 0 #af9375;}
.intro-tit p span:nth-child(10) {animation-delay: 1.75s;}
.intro-tit p span:nth-child(11) {animation-delay: 1.8s;}
.intro-tit p span:nth-child(12) {animation-delay: 1.85s;}
.intro-tit p span:nth-child(13) {animation-delay: 1.9s;}


@media screen and (max-width:1080px){
    .intro-tit p { font-size: 8vw; line-height: 8vw; }
    .intro-txt p { font-size: 8vw; line-height: 8vw; }
    .intro-tit p span {font-family:'esamanru' !important; text-shadow: 0 12vw 0 #FFF; animation: splash-tit 2s ease both;}
    .intro-txt p span {font-family:'esamanru' !important; text-shadow: 0 12vw 0 #FFF; animation: splash-tit 2s ease both;}
    .intro-tit p span:nth-child(1) {animation-delay: 1.3s; text-shadow: 0 12vw 0 #af9375;}
    .intro-tit p span:nth-child(2) {animation-delay: 1.35s; text-shadow: 0 12vw 0 #af9375;}
    .intro-tit p span:nth-child(8) {animation-delay: 1.65s; text-shadow: 0 12vw 0 #af9375;}
    .intro-tit p span:nth-child(9) {animation-delay: 1.7s; text-shadow: 0 12vw 0 #af9375;}
    @keyframes splash-tit {
    0% {transform: translateY(0) translateZ(0);}
    100% {transform: translateY(-12vw) translateZ(0);}
    }
    @keyframes splash-txt {
        0% {transform: translateY(0) translateZ(0);}
        100% {transform: translateY(-12vw) translateZ(0);}
    }
    .intro-logo {width: 30%;}
}
@media screen and (max-width:780px){
    .intro-tit p { font-size: 10vw; line-height: 10vw; }
    .intro-txt p { font-size: 10vw; line-height: 10vw; }
    .intro-tit p span {font-family:'esamanru' !important; text-shadow: 0 14vw 0 #FFF; animation: splash-tit 2s ease both;}
    .intro-txt p span {font-family:'esamanru' !important; text-shadow: 0 14vw 0 #FFF; animation: splash-tit 2s ease both;}
    .intro-tit p span:nth-child(1) {animation-delay: 1.3s; text-shadow: 0 14vw 0 #af9375;}
    .intro-tit p span:nth-child(2) {animation-delay: 1.35s; text-shadow: 0 14vw 0 #af9375;}
    .intro-tit p span:nth-child(8) {animation-delay: 1.65s; text-shadow: 0 14vw 0 #af9375;}
    .intro-tit p span:nth-child(9) {animation-delay: 1.7s; text-shadow: 0 14vw 0 #af9375;}
    @keyframes splash-tit {
        0% {transform: translateY(0) translateZ(0);}
        100% {transform: translateY(-14vw) translateZ(0);}
    }
    @keyframes splash-txt {
        0% {transform: translateY(0) translateZ(0);}
        100% {transform: translateY(-14vw) translateZ(0);}
    }
    .intro-logo {width: 40%;}
}