@charset "utf-8";

.blb{color: #fff000 !important; font-weight: 800 !important; margin-right: 0 !important;}

#mVisual {position:relative; width:100%; height:830px; 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; }

.mv_slider.mv1 { background-image:url('/images/main/m_visual1.jpg'); }
.mv_slider.mv2 { background-image:url('/images/main/m_visual2.jpg'); }
.mv_slider.mv3 { background-image:url('/images/main/m_visual3.jpg'); }

#mVisual .mv_slider .mv-txt { display:flex; align-items: center; width:100%; max-width:1600px;  margin:0 auto; height:100%;  }
#mVisual .mv_slider .mv-txt div { color:#fff; width: fit-content; text-align:Center}
#mVisual .mv_slider .mv-txt div .t1 { font-size: 6.0rem;  font-weight: 500; font-family: 'GmarketSans'; transform: rotate(-0.03deg); }
#mVisual .mv_slider .mv-txt div .t2 { margin:2em 0 3em;  font-size: 2.0rem; font-weight: 500; }
#mVisual .mv_slider .mv-txt div .t2 br.br767 {display:none}

#mVisual .mv_slider .mv-txt.flexWrap div ul {padding:2em 0 8em; text-align-last: left;}
#mVisual .mv_slider .mv-txt.flexWrap div ul li {margin-bottom:0.5em; font-size:1.8rem;}


#mVisual .mv_slider .mv-txt div .mv-cricle { display:flex; align-items: center; justify-content:center;  }
#mVisual .mv_slider .mv-txt div .mv-cricle li {margin-left:-20px; width:200px; height:200px; border-radius:100%; text-align:center; 
													display:flex; align-items: center; justify-content:center;}
#mVisual .mv_slider .mv-txt div .mv-cricle li:first-child { margin-left:0 }
#mVisual .mv_slider .mv-txt div .mv-cricle li dl { color:#FFF;}
#mVisual .mv_slider .mv-txt div .mv-cricle li dl dt {font-size:2.6rem; font-weight:500}
#mVisual .mv_slider .mv-txt div .mv-cricle li dl dd {font-size:2.0rem;  font-weight:600}
#mVisual .mv_slider .mv-txt div .mv-cricle li.bg1 {background:rgba(74,58,196,0.5);}
#mVisual .mv_slider .mv-txt div .mv-cricle li.bg2 {background:rgba(0,105,205,0.5);}
#mVisual .mv_slider .mv-txt div .mv-cricle li.bg3 {background:rgba(0,169,205,0.5);}

#mVisual .mv_slider .mv-txt.flexWrap {width:90%; max-width:1499px; justify-content:space-between;}
#mVisual .mv_slider .mv-txt.flexWrap .img { margin-top:auto}
#mVisual .mv_slider .mv-txt.flexWrap .img img { width:100%; max-width:580px}


@media all and (max-width:1599px) {
	#mVisual .mv_slider .mv-txt {  width:90%; }
}
@media all and (max-width:1280px) { 
	#mVisual {height:700px; }
	#mVisual .mv_slider .mv-txt div .t1 { font-size: 5.0rem; }
	#mVisual .mv_slider .mv-txt div .t2 { font-size: 1.8rem; }
	#mVisual .mv_slider .mv-txt div .mv-cricle li { width:150px; height:150px; }
	#mVisual .mv_slider .mv-txt div .mv-cricle li dl dt {font-size:2.4rem;}
	#mVisual .mv_slider .mv-txt div .mv-cricle li dl dd {font-size:1.8rem; }


	#mVisual .mv_slider .mv-txt.flexWrap .img {width:460px}
}
@media all and (max-width:1024px) {
	#mVisual {height:630px; }
}
@media all and (max-width:767px) {
	#mVisual {height:580px; }

	#mVisual .mv_slider .mv-txt div .t1 { font-size: 4.5rem; }
	#mVisual .mv_slider .mv-txt div .t2 { font-size: 1.6rem; }
	#mVisual .mv_slider .mv-txt div .t2 br.br767 {display:block}
	#mVisual .mv_slider .mv-txt div .mv-cricle li { width:130px; height:130px; }
	#mVisual .mv_slider .mv-txt div .mv-cricle li dl dt {font-size:2.2rem;}
	#mVisual .mv_slider .mv-txt div .mv-cricle li dl dd {font-size:1.6rem; }
}
@media all and (max-width:640px) {
	#mVisual {height:640px; }
	#mVisual .mv_slider .mv-txt div { width:100% }
	#mVisual .mv_slider.mv1 {  background-position:left top}

	#mVisual .mv_slider.mv2 { background-image:url('/images/main/m_visual2_mo.jpg'); background-position:center bottom }
	#mVisual .mv_slider .mv-txt.flexWrap .img {display:none}
}
@media all and (max-width:480px) {
	#mVisual {height:580px; }
	#mVisual .mv_slider .mv-txt div .mv-cricle li { width:32vw; height:32vw; }
}






#mTitle {margin-bottom:4em}
#mTitle h3 { font-size:4.6rem; font-weight:500; color:#222;  font-family: 'GmarketSans'; transform: rotate(-0.03deg);}
#mTitle h3 br.br480 {display:none}
#mTitle p.eng {margin-top:0.5em; font-size:1.6rem; color:#1f2d44; font-family:'Montserrat'; font-weight:700; letter-spacing:0.02em}
#mTitle p.t1 {margin-top:1em; font-size:1.7rem; line-height:1.6em }

@media all and (max-width:480px) {
	#mTitle {margin-bottom:2em}
	#mTitle h3 { font-size:4.2rem;}
	#mTitle h3 br.br480 {display:block}
}




#mBtn {display:inline-block; border-radius:50px; background:#1f2d44; color:#FFF; text-align:center;
			padding:0 2em; line-height:50px; font-size:1.6rem; font-weight:600}
#mBtn:hover {background:#0069cd; transition: all 0.3s ease-out;}


#mClinc .contWrap {display:flex; justify-content:center; gap:30px}
#mClinc .contWrap li {width:420px; position:relative}
#mClinc .contWrap li:before {content:''; width:100%; height:100%;  border:8px solid #f5f9fb; position:absolute; left:0; bottom:0; z-index:-1 }
#mClinc .contWrap li a .imgWrap {overflow:hidden}
#mClinc .contWrap li a .imgWrap img {width:100%; transition: all 0.3s ease-out;}
#mClinc .contWrap li a:hover .imgWrap img {transform:scale(1.05); } 
#mClinc .contWrap li dl { padding:2em 2em 3em 2em; text-align:center}
#mClinc .contWrap li dl dt {margin-bottom:0.3em; font-size:3.0rem; font-weight:700; color:#222}
#mClinc .contWrap li dl dd span {display:inline-block; font-size:1.8rem; padding:0.2em 0.5em; }
#mClinc .contWrap li #mBtn {width:160px; position:absolute; left:50%; transform:translateX(-50%); bottom:-25px; }

@media all and (max-width:1399px) {
	#mClinc .contWrap { gap:0}
	#mClinc .contWrap li {width: calc(33.333% - 20px); margin:10px }
}
@media all and (max-width:976px) {
	#mClinc .contWrap {flex-wrap:wrap}
	#mClinc .contWrap li {width: calc(50% - 20px); margin:10px; margin-bottom:30px }
	#mClinc .contWrap li:last-child {margin-bottom:0 }
}
@media all and (max-width:580px) {
	#mClinc .contWrap {flex-wrap:wrap}
	#mClinc .contWrap li {width: calc(100% - 20px); margin:10px;  margin-bottom:40px }
	#mClinc .contWrap li:last-child {margin-bottom:0 }
}




#mMessage {text-align:Center; background:#f5f9fb}
#mMessage h3 {font-size:5.0rem;  font-weight:300; color:#222;  font-family: 'GmarketSans'; transform: rotate(-0.03deg); line-height:1.4em}
#mMessage h3 br.br1080 {display:none}
#mMessage img {padding:50px 0 30px;}
#mMessage .t1 {font-size:1.8rem; line-height:1.8em }
#mMessage .t1 .point {font-size:2.2rem; color:#13124b; font-weight:700}
#mMessage .t1 br.br555 {display:none}

@media all and (max-width:1080px) {
	#mMessage h3 {font-size:4.0rem; }
	#mMessage h3 br.br1080 {display:block}
}
@media all and (max-width:1024px) {
	#mMessage {padding-bottom:150px}
}
@media all and (max-width:555px) {
	#mMessage h3 {font-size:3.5rem; }
	#mMessage img {padding:30px 0 20px;}
	#mMessage .t1 br.br555 {display:block}
}
@media all and (max-width:480px) {
	#mMessage h3 {font-size:3.2rem; }
	#mMessage .t1 {font-size:1.6rem}
	#mMessage .t1 .point {font-size:2.0rem;}
}





#mProfile {background:#1f2d44; position:relative}
#mProfile:before {content:''; width:490px; height:690px; background:url('/images/main/mprofile-img_240129.png') no-repeat right bottom;
					position:absolute; right:0; bottom:-1px}
#mProfile .in-Box {width:75%; max-width:1150px}
#mProfile #mTitle {padding-bottom:3em; margin-bottom:3em;  border-bottom:5px solid #25334a; display:flex; justify-content:space-between; align-items: end; }
#mProfile #mTitle .eng {font-weight:600; opacity:.35}
#mProfile #mTitle #mBtn { border:1px solid rgba(255,255,255,0.3)}
#mProfile #mTitle #mBtn:hover {border:1px solid #0069cd}
#mProfile #contWrap {display: flex; flex-wrap:wrap;  }
#mProfile #contWrap dl {width:50%; display: flex;}
#mProfile #contWrap dl:last-child {margin-top:1.5em}
#mProfile #contWrap dl dt {width:130px; font-size:2.4rem; color:#56a9f7; font-weight:600}
#mProfile #contWrap dl dd p {font-size:1.8rem; color:#FFF; opacity:.7; font-weight:300; margin-bottom:0.3em}

@media all and (max-width:1599px) {
	#mProfile:before { right:-60px}
	#mProfile #contWrap dl {display:block}
	#mProfile #contWrap dl dt {margin-bottom:0.7em;}
}
@media all and (max-width:1280px) {
	#mProfile:before {background-size:80% auto;}
}
@media all and (max-width:1024px) {
	#mProfile:before {right:50%; bottom:unset; top:-8%; transform:translateX(50%); background-position:center top}
	#mProfile .in-Box {margin-top:250px; padding-top:5%;  width:100%; background:#1f2d44 }
}
@media all and (max-width:840px) {
	#mProfile #mTitle  {display:block; text-align:Center}
	#mProfile #mTitle #mBtn { margin-top:2em; }
	#mProfile #contWrap dl {display:flex; width:100%; margin-bottom:2em}
	#mProfile #contWrap dl:last-child {margin:0}
}
@media all and (max-width:530px) {
	#mProfile:before { width:100%; background-size:65% auto;}
	#mProfile .in-Box {margin-top:35vw }
	#mProfile #contWrap dl {display:block;}
}




#mAword {display:flex; justify-content:space-between;  }
#mAword #mBtn {margin-top:5em}
#mAword #txt { align-self: flex-end }
#mAword #txt dt { font-size: 3.8rem; font-family: 'GmarketSans'; font-weight:700; transform: rotate(-0.03deg); }
#mAword #txt dd {margin-top:1em; font-size:2.0rem; line-height:1.4em; font-weight:700; color:#222}

#mAword .vodWrap {width:780px; height:440px;position: relative}
#mAword .vodWrap:before {content:''; width:250px; height:288px; background:url('/images/main/maword-img.png')no-repeat left bottom; 
					position:absolute; right:-140px; bottom:-30px; z-index:3; background-size:100% auto}
#mAword .vodWrap:after {content:''; width:90%; height:90%; background:#0e5acd; position:absolute; right:-15px; top:-15px;  z-index:-1}
#mAword .vodWrap .vodCover { position: absolute; left:0; top:0; z-index:2; width: 100%; height: 100%; cursor: pointer; padding: 4%; box-sizing: border-box;
                              background:url("/images/main/maword-bg.png") no-repeat center; background-size:cover} 
#mAword .vodWrap video {width: 100%; height: 100%;   }

@media all and (max-width:1599px) {
	#mAword .vodWrap {width:45%; height:23vw }
	#mAword .vodWrap:before { width:180px;  right:-100px;}
	#mAword #txt dt { font-size: 3.2rem}
	#mAword #txt dd {font-size:1.8rem; }
}

@media all and (max-width:1399px) {
	#mAword {flex-wrap:wrap;  justify-content:center; }
	#mAword #mTitle { width:100%; text-align:center; margin-bottom:5em }
	#mAword #mTitle h3 br {display:none}
	#mAword #mTitle .t1 br { display:none }
	#mAword #mBtn {margin-top:3em}
	#mAword .vodWrap {width:calc(100% - 350px); height:36vw}
	#mAword #txt {width:350px; padding-left:6em}
}
@media all and (max-width:1024px) {
	#mAword .vodWrap {width:90%; height:46vw}
	#mAword #txt {margin-top:3em; width:100%; padding-left:0; text-align:center}
	#mAword #txt dt br,
	#mAword #txt dd br { display:none}
	#mAword #txt dd { margin-top:0.5em}
	#mAword #mBtn {margin-top:2em}
}
@media all and (max-width:767px) {
	#mAword .vodWrap {width:100%; height:51vw}
	#mAword .vodWrap:before { right:-80px;}
	#mAword .vodWrap:after { right:-10px; top:-10px; }
	#mAword #txt {margin-top:1.5em }
}
@media all and (max-width:676px) {
	#mAword .vodWrap:before { width:110px;  right:-44px;}
	#mAword #mBtn {margin-top:1em}
}

@media all and (max-width:480px) {	
	#mAword #txt dt br,
	#mAword #txt dd br { display:block}
	#mAword #mTitle h3 br {display:block}
}




#mTrophy { overflow: hidden; }
#mTrophy .trophySlide { width: 100%; padding-bottom:5em }
#mTrophy .trophySlide .item { margin: 0 20px 0 0;  background:#f5f5f5}
#mTrophy .trophySlide .item img { width: 100%; }
#mTrophy .trophySlide .item dl { padding-top: 2em; text-align:center;background:#FFF }
#mTrophy .trophySlide .item dl dt { font-size: 1.8rem; font-weight: 600; color:#222; }

#mTrophy .slick-prev,
#mTrophy .slick-next {width:100px; height:40px; border-radius:0;  background-color:#FFF; position: absolute; left:50%; bottom: 0;  }
#mTrophy .slick-prev { margin-left:-100px;  }
#mTrophy .slick-prev:before {content:''; width:1px; height:30px; background:#DDD; position:absolute; right:0; top:5px;}
#mTrophy .slick-next {   }


@media all and (max-width:640px) {
	#mTrophy .trophySlide .item dl { margin-top: 1em; }
}
@media all and (max-width:480px) {
	#mTrophy .trophySlide { width: 90%; margin:0 auto}
	#mTrophy .trophySlide .item { margin: 0 ; }
	#mTrophy .trophySlide .item dl dt { font-size:2.0rem; }
}




#mNews {background:#f8fafc}
#mNews .m-inner {display:flex}

#mNews .tabWrap {width:400px;}
#mNews .tabs { width:90%; }
#mNews .tabs li { padding:0 2em;  max-width:280px;   margin-bottom:4px; background:#444c58}
#mNews .tabs li a { display: block; padding: 1em 0; color:#b2b4b8; font-size: 1.8rem; font-weight:600 }
#mNews .tabs li a i {color:#444c58; float:right; padding-top:0.2em; font-size:1.6rem}
#mNews .tabs li a:hover {color:#FFF}
#mNews .tabs li.active { background: #0e5acd; }
#mNews .tabs li.active a, 
#mNews .tabs li.active a i {color:#fff}

#mNews .contWrap {width:calc(100% - 400px)}
#mNews .contWrap #tit {display:flex; justify-content:space-between; align-items: end; }
#mNews .contWrap #tit h3 {font-size: 3.8rem; font-family: 'GmarketSans'; font-weight:700; transform: rotate(-0.03deg); font-weight:700 }
#mNews .contWrap #tit h3 br.br580 {display:none}

#mNews .contWrap .cont { margin-top:2em; border-top:2px solid #1f2d44 }
#mNews .contWrap .cont li {border-bottom:1px solid #eceded}
#mNews .contWrap .cont li a {padding:30px 20px;  display:flex; align-items: center;}
#mNews .contWrap .cont li .date {padding:1.2em 1em; font-size:1.5rem;  text-align:Center; background:#1f2d44; color:#ced0d3; font-family:'Roboto'}
#mNews .contWrap .cont li .date .bt1 { font-size:2.6rem; font-weight:700; color:#FFF}
#mNews .contWrap .cont li dl {width:80%; margin: 0 2em}
#mNews .contWrap .cont li dl dt {font-size:2.4rem; color:#222; font-weight:600; }
#mNews .contWrap .cont li dl dd {margin-top:0.3em; font-size:1.8rem; line-height:1.6em; font-weight:400;
										line-height:1.3em; height:2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
#mNews .contWrap .cont li .btn { margin-left:auto; width:60px; height:60px; border-radius:100%; background:#FFF}
#mNews .contWrap .cont li .btn img {width:100%}
#mNews .contWrap .cont li a:hover {background:#FFF}
#mNews .contWrap .cont li a:hover dl dt,
#mNews .contWrap .cont li a:hover dl dd {text-decoration:underline; text-decoration-thickness:1px}

@media all and (max-width:1399px) {
	#mNews .tabWrap {width:350px;}
	#mNews .contWrap {width:calc(100% - 350px)}
}
@media all and (max-width:1280px) {
	#mNews .m-inner {flex-wrap:wrap}
	#mNews .tabWrap {width:100% }
	#mNews .tabWrap #mTitle {text-align:center}
	#mNews .tabWrap #mTitle h3 br,
	#mNews .tabWrap #mTitle .t1 br {display:none}
	#mNews .tabs {width:100%; display:flex; justify-content:center;}
	#mNews .tabs li {margin:2px; }
	#mNews .tabs li a i {display:none}
	#mNews .contWrap {margin-top:3em; width:100%}
}
@media all and (max-width:976px) {
	#mNews .contWrap #tit {  align-items: center; }
	#mNews .contWrap #tit #mBtn {font-size:0; text-align:Center; width:40px; line-height: 40px;}
	#mNews .contWrap #tit #mBtn i {font-size:1.8rem; vertical-align:middle;   }
	#mNews .contWrap .cont li a {padding:20px 15px;}
	#mNews .contWrap .cont li .date {width:80px; padding:1em 0 }
	#mNews .contWrap .cont li dl {width:calc(100% - 80px - 40px); margin: 0; padding:0 2em}
	#mNews .contWrap .cont li dl dt {font-size:2.2rem; }
	#mNews .contWrap .cont li .btn { width:40px; height:40px; }
}
@media all and (max-width:767px) {
	#mNews .contWrap #tit #mBtn {width:30px; line-height: 30px;}

	#mNews .contWrap .cont li a {flex-wrap:wrap}
	#mNews .contWrap .cont li .date {display:none}
	#mNews .contWrap .cont li dl {width:100%; padding:0; order:1}
	#mNews .contWrap .cont li .btn {display:none }


}
@media all and (max-width:580px) {
	#mNews .contWrap #tit h3 {font-size: 3.2rem; }
	#mNews .contWrap #tit h3 br.br580 {display:block}
}
@media all and (max-width:480px) {
	#mNews .tabs li { padding:0 1em;}
	#mNews .tabWrap #mTitle h3 br {display:block}

		#mNews .contWrap #tit h3 {font-size: 3.0rem; }
		#mNews .contWrap .cont { margin-top:1em; }
}




#mYoutube #mTitle h3 br.br680 {display:none}
#mYoutube #mTitle .ytb-t {margin-left:5px; padding-left:80px;  position:relative}
#mYoutube #mTitle .ytb-t:before {content:''; width: 76px; height: 59px; background:url('/images/main/youtube-sb.png') no-repeat center left;
										position:absolute; left:0; top:-10px}

#mYoutube .m-inner {position: relative;}
#mYoutube .mainInterview li .vod-wrap { display:flex; align-items: start;  }
#mYoutube .v-con {width:50%; height:450px; }
#mYoutube .v-con iframe {width:100%; }
#mYoutube .v-txt { display:flex; align-items: center;  height:270px; margin-left:130px; width:calc(50% - 130px); border-top:5px solid #e5f0fa; border-bottom:5px solid #e5f0fa}
#mYoutube .v-txt .t1 {font-size:1.8rem; color:#0069cd; font-weight:600}
#mYoutube .v-txt .t2 {margin:1.5em 0 0.5em; font-size:2.2rem; color:#222; font-weight:500;line-height:1.4em}
#mYoutube .v-txt .t3 {font-size:1.8rem; line-height:1.6em; line-height:1.3em; height:2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

#mYoutube .subInterview-wrap {position: absolute; right:0; bottom:0; width: calc(50% - 130px); }
#mYoutube .subInterview-wrap .prev,
#mYoutube .subInterview-wrap .next {position: absolute; top: -50px;  z-index: 2; width: 50px; height: 40px; border-radius:0}
#mYoutube .subInterview-wrap .prev {right:55px; }
#mYoutube .subInterview-wrap .next {right:0;}
#mYoutube .subInterview {width: calc(100% + 15px );}
#mYoutube .subInterview li {margin-right:15px; cursor: pointer;}
#mYoutube .subInterview li img {max-width: 100%;}

@media all and (max-width:1599px) {
	#mYoutube .v-con {width:60%; height:30.5vw; }
	#mYoutube .v-txt { height:21vw; margin-left:50px; width:calc(40% - 50px); }
	#mYoutube .subInterview-wrap {width: calc(40% - 50px); }
}
@media all and (max-width:1230px) {
	#mYoutube .m-inner {max-width:976px;}
	#mYoutube .mainInterview li .vod-wrap { flex-wrap:wrap }
	#mYoutube .v-con {width:100%; ; height:550px;}
	#mYoutube .v-txt {margin-bottom:4em; margin-left:0; width:100%; height:250px}
	#mYoutube .subInterview-wrap {position: inherit; width:100%; }
}
@media all and (max-width:1099px) {
		#mYoutube .v-con { height:45vw; margin-bottom:0}
		#mYoutube .v-txt {height:auto; padding:2em 0}
}
@media all and (max-width:680px) {
	#mYoutube #mTitle h3 br.br680 {display:block}
	#mYoutube #mTitle .ytb-t {margin-left:0; padding-left:70px;}
	#mYoutube #mTitle .ytb-t:before { width:60px;  background-size: 100% auto}

	#mYoutube .subInterview {width: calc(100% + 10px );}
	#mYoutube .subInterview li {margin-right:10px;}
}
@media all and (max-width:480px) {
	#mYoutube #mTitle .ytb-t { padding-left:60px;}
	#mYoutube #mTitle .ytb-t:before { width:50px;  }
}







#mMap {height:720px; display:flex; flex-wrap:wrap; }
#mMap > div {width:50%; height:100%}

#mMap #contWrap {background:#1f2d44; display:flex; flex-wrap:wrap;align-content: center; }
#mMap #contWrap > div {width:100%}
#mMap #contWrap #mTitle .t1 {opacity:.5; font-size:1.5rem}
#mMap #contWrap #cont {width:fit-content; margin: 0 auto; padding:0 5%}
#mMap #contWrap #cont ul {display:flex; color:#FFF; margin-bottom:1.8em; }
#mMap #contWrap #cont ul:last-child {margin-bottom:0}
#mMap #contWrap #cont ul li.lt1 {width:135px; font-size:2.2rem; font-weight:500; }
#mMap #contWrap #cont ul li.t1 {width:calc(100% - 135px); font-size:1.8rem }
#mMap #contWrap #cont ul li.tel {color:#449bf5; font-size:3.2rem; font-family:'Roboto'; font-weight:600}
#mMap #contWrap #cont ul li.time dl {display:flex; font-size:1.8rem; margin-bottom:0.4em}
#mMap #contWrap #cont ul li.time dl dt {width:80px; opacity:.5}
#mMap #contWrap #cont ul li.time dl dd {width:calc(100% - 80px);}
#mMap #contWrap #cont ul li.time dl dd.num {font-family:'Roboto'}
#mMap #contWrap #cont ul li.time dl dd span { opacity:.5; font-family:'SUIT'}
#mMap #contWrap #cont ul li.time p.st1 { margin-top:0.8em; opacity:.5;}

#mMap #mapWrap {}
#mMap .root_daum_roughmap .wrap_controllers {display:none}
#mMap .root_daum_roughmap .wrap_map { height: 720px !important;}

@media all and (max-width:1120px) {
	#mMap {height:680px;}
	#mMap #contWrap #cont ul li.add span,
	#mMap #contWrap #cont ul li.time dl dd.num  span {display:block}
	#mMap .root_daum_roughmap .wrap_map { height: 680px !important;}
}
@media all and (max-width:976px) {
	#mMap {height:auto;}
	#mMap > div {width:100%;} 

	#mMap #contWrap {padding:5em 0}
	#mMap #contWrap #mTitle {margin-bottom:2em; }
	#mMap #contWrap #cont ul {  margin-bottom:1.3em; }
	#mMap #contWrap #cont ul li.add span,
	#mMap #contWrap #cont ul li.time dl dd.num  span {display:inline}

	#mMap .root_daum_roughmap .wrap_map { height: 45vw !important;}
}
@media all and (max-width:640px) {
	#mMap #contWrap #cont ul li.lt1 {width:115px}
	#mMap #contWrap #cont ul li.t1 {width:calc(100% - 115px);}
}
@media all and (max-width:580px) {
	#mMap .root_daum_roughmap .wrap_map { height: 65vw !important;}

	#mMap #contWrap #cont ul li.add span,
	#mMap #contWrap #cont ul li.time dl dd.num  span {display:block}

	#mMap #contWrap #cont ul li.time dl dt {width:70px; }
	#mMap #contWrap #cont ul li.time dl dd {width:calc(100% - 70px);}
}

@media all and (max-width:480px) {
	#mMap .root_daum_roughmap .wrap_map { height:85vw !important;}

	#mMap #contWrap #cont ul li.lt1 {width:27vw}
	#mMap #contWrap #cont ul li.t1 {width:calc(100% - 27vw);}
}


ul.strong{width: 100%;}
ul.strong1{padding: 20px 0 0 !important;}
ul.strong2{padding: 0 0 30px !important;}
ul.strong li{padding: 0 10px; border-radius: 50px; font-size: 2.5rem !important;}
ul.strong li span{ color: #fff000; display: inline-block; font-size: 2.6rem; vertical-align: bottom; margin-right: 10px;}


iframe.sig_video { width: 100%; height: 56.2vw;}
#mVisual .mv_slider .mv-txt .right{width: 480px;}
#mVisual .mv_slider .mv-txt .right > div{width: 480px;}
#mVisual .mv_slider .mv-txt .right .you1{width: 100%; height: 340px; margin-bottom: 60px; cursor: pointer; position: relative;}
#mVisual .mv_slider .mv-txt .right .you1 .v-cover{position: absolute; top: 0;left: 0;cursor: pointer; z-index: 10;}
#mVisual .mv_slider .mv-txt .right .you1 .v-con{position: absolute; top: 0;left: 0; width: 100%; height: 0%; padding-top: 55.5%;}
#mVisual .mv_slider .mv-txt .right .you1 .v-con iframe{width: 100%; height: 100%; position: absolute;top: 0;left: 0;}
#mVisual .mv_slider .mv-txt .right .you2{margin-bottom: 50px;width: 100%;}
#mVisual .mv_slider .mv-txt .right img{width: 100%}


@media all and (max-width:1480px){
    ul.strong li{font-size: 2.5rem !important;}
    ul.strong li span{font-size: 2.5rem;}
    
    #mVisual .mv_slider .mv-txt2 { display: flex;flex-wrap: wrap;}
    #mVisual .mv_slider .mv-txt2 .left{width: 58%;}
    #mVisual .mv_slider .mv-txt2 .right{width: 38%;}
    #mVisual .mv_slider .mv-txt .right .you1{height: 280px;}
}
@media all and (max-width:1080px){
    ul.strong li{font-size: 1.8rem !important;}
    ul.strong li span{font-size: 1.8rem; margin-right: 5px;}
    
    #mVisual .mv_slider .mv-txt .right .you1{height: 180px;}
}
@media all and (max-width:980px){
    #mVisual .mv_slider .mv-txt2 .left{width: 68%;}
    #mVisual .mv_slider .mv-txt2 .right{width: 28%;}
    #mVisual .mv_slider .mv-txt .right .you1{height: 13vw;}
}

@media all and (max-width:767px){
    #mVisual .mv_slider .mv-txt2 {align-content: center;}
    #mVisual .mv_slider .mv-txt2 .left{width: 100%;}
    #mVisual .mv_slider .mv-txt2 .right{width: 100%;}
    #mVisual .mv_slider .mv-txt2 .right{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;}
    #mVisual .mv_slider .mv-txt2 .right .you1{width: 38%;height: 17vw;}
    #mVisual .mv_slider .mv-txt2 .right .you2{width: 38%;}
}
@media all and (max-width:500px){
    ul.strong li{font-size: 1.5rem !important;}
    ul.strong li span{font-size: 1.5rem;}
}

.mvWrap {opacity: 0; visibility: hidden;  transition: opacity 1s ease;  -webkit-transition: opacity 1s ease;}
.mvWrap.slick-initialized {  visibility: visible; opacity: 1;    }