@charset "utf-8";

#mVisual .mvWrap {position:relative; width:100%; height:100vh; 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 center; }

#mVisual .slick-arrow { z-index:99; }

.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 { position: relative; display:flex; align-items: end; width:90%; max-width:1600px;  height:100%; margin:0 auto; }
#mVisual .mv_slider .mv-txt div {padding-bottom:13%; min-width: 50%; display: inline-block; box-sizing:border-box; color:#fff; }
#mVisual .mv_slider .mv-txt div .t1 { font-size: 2.0rem; font-weight: 700; line-height: 1.2em; color:#ec242b;  font-family: 'Jost'; margin-bottom:2em; }
#mVisual .mv_slider .mv-txt div .t1 span{font-size:2.2rem;}
#mVisual .mv_slider .mv-txt div .t2 { font-size: 8.5rem; font-weight: 700; line-height: 1.0em;  font-family: 'TTWorinseokbo';}
#mVisual .mv_slider .mv-txt div .t3 { font-size: 2.2rem; margin-top: 1.3em; line-height: 1.2em;  }


@media all and (max-width:1280px) {
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 7rem; }
}
@media all and (max-width:1024px) {
	#mVisual .mv_slider .mv-txt {justify-content: center;}
	#mVisual .mv_slider .mv-txt div {text-align:center}
}
@media all and (max-width:976px) {
  #mVisual .mv_slider .mv-txt div { background-size: auto 100%; padding-bottom:20%; }
  #mVisual .mv_slider .mv-txt div .t1 { font-size: 1.4rem; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 6rem; }
  #mVisual .mv_slider .mv-txt div .t3 { font-size: 1.8rem; }
}
@media all and (max-width:640px) {
	  #mVisual .mv_slider .mv-txt div {padding-bottom:30%; }
}
@media all and (max-width:480px) {
	  #mVisual .mv_slider .mv-txt div {padding-bottom:27vw; }
}



.m-Part {margin-top:100px}
@media all and (max-width:480px) {
	.m-Part {margin-top:50px}
}


h3 {font-family: 'KHNPHandotum'; font-weight:400; transform: rotate(-0.03deg);}



#mBrand {height:750px; background:url('/images/main/mbrand-bg.png') no-repeat left top; background-size:auto 100%;
			display:flex; align-items:center; flex-direction: row-reverse;position:relative; z-index:2 }
#mBrand .cont {width:710px; height:520px; margin-right:50px;  padding:2.5em 4em; background:rgba(148,2,2,0.9); color:#FFF; 
					position:relative;}
#mBrand .cont:before {content:''; width:100%; height:100%; border:1px solid #dacbcb; position:absolute; left:10px; top:10px; z-index:-1 }
#mBrand .cont .img {margin-bottom:20px;text-align:right}
#mBrand .cont h3 { font-size:6.5rem; line-height:1.2em} 
#mBrand .cont .t1 { margin:0.7em 0 1.8em;  font-size:2.0rem; line-height:1.4em; opacity:.8} 
#mBrand .cont .t1 br.br480 {display:none;}
#mBrand .cont a { display:inline-block; padding:0.9em 1.5em; margin-right:5px; border:1px solid rgba(255,255,255,0.5); border-radius:50px; color:#FFF; font-family:  'Montserrat', 'Pretendard';  font-weight:600}
#mBrand .cont a i {padding-right:5px}
#mBrand .cont a:hover {background:#222; border:1px solid #222;  }

@media all and (max-width:1780px) {
	#mBrand {height:auto; background-size:80% auto;  align-items:end;}
	#mBrand .cont {margin-top:180px; width:570px; height:auto; }
}
@media all and (max-width:1280px) {
	#mBrand {background-size:auto 85% }
	#mBrand .cont  {width: auto; margin-top:320px; }
	#mBrand .cont .img img {height:60px}
	#mBrand .cont h3 { font-size:5.5rem} 
	#mBrand .cont .t1 { font-size:1.8rem; } 
}
@media all and (max-width:1024px) {
	#mBrand {background-size:130% auto; background-position:20% top; justify-content: center; }
	#mBrand .cont  { margin-top:50vw;  margin-right:0;  }
	#mBrand .cont .img img {height:50px}
	#mBrand .cont h3 { font-size:5.0rem}
}
@media all and (max-width:640px) {
	#mBrand .cont {width:90%; padding:2em 3em; margin:50vw auto 0; }
	#mBrand .cont:before {  left:5px; top:5px;}
	#mBrand .cont .img {margin-bottom:10px}
}
@media all and (max-width:480px) {
	#mBrand .cont {padding:2em; }
	#mBrand .cont .img img {height:40px}
	#mBrand .cont h3 { font-size:4.5rem} 
	#mBrand .cont .t1 { font-size:1.6rem; } 
	#mBrand .cont .t1 br.br480 {display:block;}
}



#mTitle {margin-bottom:3em}
#mTitle h3 {font-size:5.5rem; color:#222}
#mTitle .t1 {font-size:1.8rem; margin-top:1em; color:#686868; }
@media all and (max-width:1280px) {
	#mTitle h3 {font-size:4.5rem;}
}
@media all and (max-width:480px) {
	#mTitle h3 {font-size:4.0rem;}
	#mTitle .t1 {font-size:1.6rem; }
}



#mSpecial .cont {display:flex; flex-wrap:wrap; }
#mSpecial .cont div {width:calc(33.333% - 33.333px); margin-left:50px;}
#mSpecial .cont div:nth-child(3n+1) {margin-left:0}
#mSpecial .cont div img {width:100%; max-width:506px}
#mSpecial .cont div dl {position:relative; margin-top:2em; padding-left:100px;overflow:hidden }
#mSpecial .cont div .num {font-size:8.0rem; font-weight:700; font-family:'Montserrat'; opacity:.1; line-height:1.0em;  position:absolute; left:-20px; top:-8px }
#mSpecial .cont div dt {font-size:2.8rem; color:#222; font-family: 'KHNPHandotum'; transform: rotate(-0.03deg);}
#mSpecial .cont div dd {width:90%; font-size:1.7rem; line-height:1.4em; margin-top:1em}

@media all and (max-width:1280px) {
	#mSpecial .cont div {width:calc(33.333% - 13.333px); margin-left:20px;}
	#mSpecial .cont div dl {margin-top:2em; padding-left:80px}
	#mSpecial .cont div .num {font-size:7.0rem; top:-6px}
	#mSpecial .cont div dt {font-size:2.6rem;}
	#mSpecial .cont div dd {width:100%; font-size:1.6rem}
}
@media all and (max-width:1080px) {
	#mSpecial .cont {display:flex; max-width:780px; margin:0 auto }
	#mSpecial .cont div {width:100%; margin-left:0; display:flex;  align-items: center; margin-bottom:1em}
	#mSpecial .cont div img {width:45%}
	#mSpecial .cont div dl {margin-left:5%; margin-top:0; padding-top:6em; padding-left:0;overflow:visible }
	#mSpecial .cont div .num { left:unset; right:0; top:0 }

	#mSpecial .cont div:nth-child(even) img {order:2}
	#mSpecial .cont div:nth-child(even) dl {order:1}
	#mSpecial .cont div:nth-child(even) dl {margin-left:0; margin-right:3%}
	#mSpecial .cont div:nth-child(even) .num { left:-5px; right:unset }
}
@media all and (max-width:767px) {
	#mSpecial .cont div { margin-bottom:2em}
	#mSpecial .cont div dl { padding-top:5em; }
	#mSpecial .cont div .num {font-size:6.0rem}
}
@media all and (max-width:580px) {
	#mSpecial .cont {width:90%; }
	#mSpecial .cont div {display:block; margin-bottom:3em }
	#mSpecial .cont div:last-child { margin-bottom:0 }
	#mSpecial .cont div img {width:100%}
	#mSpecial .cont div dl {margin-left:0; margin-top:2em; padding:0 0 0 70px; overflow:hidden }
	#mSpecial .cont div .num {right:unset; left:-13px; top:0  }
	#mSpecial .cont div:nth-child(even) .num { left:-13px; }
}
@media all and (max-width:480px) {
		#mSpecial .cont div .num {font-size:5.0rem}
		#mSpecial .cont div dl { padding:0 0 0 13vw; }
		#mSpecial .cont div dt {font-size:2.4rem;}
}





#mComm {background:#faf8f8; padding:100px 0}
#mComm .s-inner {display:flex; justify-content: space-between; flex-wrap:wrap;  }
#mNotice {width:50%} 
#mNotice h3 {font-size:3.5rem; padding-right:20px; color:#222; display:inline; font-weight:700}
#mNotice .t1 { font-size:1.7rem; display:inline; margin-top:0.5em}
#mNotice ul {margin-top:2em; display:flex;  justify-content: space-between; flex-wrap:wrap; align-items: top;}
#mNotice ul li {width:calc(50% - 10px); background:#FFF; padding:2.5em}
#mNotice ul li dl {min-height:140px}
#mNotice ul li dl dt {font-size:2.4rem; color:#222; line-height:1.2em; font-weight:500; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
#mNotice ul li dl dd {font-size:1.7rem; margin-top:1em; line-height:1.6em;
						height:3.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
#mNotice ul li .num {font-family:'Montserrat'; font-weight:600; opacity:.5;}

#mCs {width:calc(50% - 50px); height:310px; margin-left:50px; display:flex;  } 
#m-tel {width:65%; height:inherit; background:url('/images/main/mcs-bg.png')no-repeat right center; background-size:cover; display:table }
#m-tel .in-box {display:table-cell; vertical-align:middle; padding:2.5em; }
#m-tel .box1 {background:url('/images/main/m-tel-icon1.png')no-repeat right center}
#m-tel .box1 dt {font-size:3.0rem; font-weight:700; color:#FFF}
#m-tel .box1 dd {margin-top:0.7em; font-size:1.7rem; opacity:.7; color:#FFF}
#m-tel .line {margin:2em 0; border-top:1px solid rgba(255,255,255,0.17)}
#m-tel .box2 {font-family:'Montserrat'; letter-spacing:0; background:url('/images/main/m-tel-icon2.png')no-repeat right center; }
#m-tel .box2 dt {font-size:3.5rem;  font-weight:700; color:#FFF}
#m-tel .box2 dd {margin-top:0.5em; font-size:1.5rem; font-weight:600; opacity:.7;color:#FFF; }


#m-map {width:calc(35% - 20px); margin-left:20px;  height:inherit; background:#bd1e2c; text-align:center; padding:2.5em 0 }
#m-map dl {margin-top:2em; color:#FFF}
#m-map dl dt {font-size:3.0rem; font-weight:700}
#m-map dl dd {width:90%; margin:1em auto 0; font-size:1.7rem; opacity:.7; line-height:1.6em}

@media all and (max-width:1380px) {
	#m-tel .in-box { padding:1.5em; }
}
@media all and (max-width:1280px) {
	#mNotice {width:40%} 
	#mNotice ul li {width:100%; margin-bottom:10px}
	#mNotice ul li:last-child {display:none}
	#mCs {width:calc(60% - 50px);  } 
}
@media all and (max-width:1150px) {
	#mNotice .t1 {display:block} 
	#mNotice ul li { padding:1.6em}
}
@media all and (max-width:1024px) {
	#mNotice {width:100%} 
	#mNotice ul li {width:calc(50% - 10px);}
	#mNotice ul li:last-child {display:block}
	#mCs {width:100%; margin-left:0; margin-top:10px } 
}
@media all and (max-width:767px) {
	#mNotice ul li dl {min-height:120px}
	#mNotice ul li { padding:1.5em}
	#mCs {height:260px;}
	#m-map img {height:70px;}
}
@media all and (max-width:580px) {
	#mNotice ul li {width:calc(50% - 5px); }
	#mCs {height:230px;}
	#m-map {width:calc(35% - 10px); margin-left:10px; padding:1.5em 0 } 
	#m-map dl {margin-top:1em; }
}
@media all and (max-width:480px) {
	#mComm { padding:50px 0}
	#mNotice ul li {width:100%;}
	#mNotice ul li dl {min-height:30vw}
	
	#mCs {display:block; height: auto } 
	#m-tel {width:100%; }
	#m-map {width:100%; margin-left:0; display:flex; justify-content:center; align-items: center;  }
	#m-map img {height:14vw;}
	#m-map dl {text-align:left; margin-top:0; padding-left:1em}
	#m-map dl dd {width: auto; margin-top:0.3em} 
}