@charset "utf-8";
@import url('/image/mvv/fontawesome.css');
@import url('/image/mvv/NotoSansKR.css');
@import url('/image/mvv/GmarketSans.css');
@import url('/image/mvv/GothicA1.css');
@import url('/image/mvv/Poppins.css');

* {-webkit-text-size-adjust: 100%; margin:0; padding:0; list-style: none;}


body {margin: 0;}
.hidden{position: absolute; top: -9999px; left: -9999px; font: 0/0 Arial}
div.mvv {min-width: 1200px; position: relative;}

div.mvv h1 {margin: 0;}
div.mvv h1 a, div.mvv h1 img {display: block;}

ul.mvvMenu, ul.mvvMenu li {margin: 0; padding: 0; list-style: none;}
ul.mvvMenu > li {position: relative; border: 1px solid rgba(255,255,255,.33); box-sizing: border-box;}
ul.mvvMenu a {display: block; text-decoration: none; color: #fff; font-family: 'GmarketSansTTFMedium', sans-serif; font-weight: 100; box-sizing: border-box;}

ul.mvvMenu > li a {background-color: #7f7f7f;}

ul.mvvMenu > li:nth-child(1) a.on,
ul.mvvMenu > li:nth-child(1) a:hover,
ul.mvvMenu > li:nth-child(1) a:focus {background: linear-gradient(#319eb6, #3bbfbe);}
ul.mvvMenu > li:nth-child(2) a.on,
ul.mvvMenu > li:nth-child(2) a:hover,
ul.mvvMenu > li:nth-child(2) a:focus {background: linear-gradient(#7ed0ff, #184181);}
ul.mvvMenu > li:nth-child(3) a.on,
ul.mvvMenu > li:nth-child(3) a:hover,
ul.mvvMenu > li:nth-child(3) a:focus {background: linear-gradient(#6c33ad, #48308d);}

div#footerWrap * {margin:0; padding:0; list-style:none;}
div#footerWrap > div,
div#footerWrap > div a {font-family: 'NotoSansKR DemiLight', sans-serif; font-size: 14px; color: rgba(255,255,255,.45); text-decoration: none;}
div#footerWrap > div address {font-style: normal;}
div#footerWrap > div ul {font-size: 0;line-height: 0;}
div#footerWrap > div ul li {position: relative; display: inline-block; padding-left: 10px; vertical-align: top;}
div#footerWrap > div ul li:before {position: absolute; left: 5px; top: 50%; width: 1px; height: 14px; margin-top: -7px; background-color: rgba(255,255,255,.45); content: ""; }
div#footerWrap > div ul li:first-child {padding-left: 0;}
div#footerWrap > div ul li:first-child:before {display: none;}

/* Mobile : ~ width:959px */
@media screen and (max-width: 959px) {
	div.mvv {min-width: 320px; padding: 60px 0 0; background-color: #fff;}
	div.mvv h1 {position: absolute; left: 50%; top: 20px; margin-left: -99px;}
	div.mvv h1 img {width: 198px;}

	ul.mvvMenu {width: auto; margin: 0 auto; padding: 0 0 0;}
	ul.mvvMenu:after {clear: both; display: block; height:0; line-height:0; font-size:0; content: "";}
	ul.mvvMenu > li {float: left; width: 33.3%; margin:0; padding: 0 5px 0; box-sizing: border-box;}
	ul.mvvMenu a {height: 40px; padding:0; font-size: 15px; line-height: 45px; border-radius: 38px; text-align: center; letter-spacing: -1px;}
	
	div.contents {margin-top: 20px;}
	div.contents div.cont {width: auto; height: 445px; margin: 0 auto;}
	
	div.contents.mi {background: url('/image/mvv/bg_missionM.png') no-repeat center center; background-size: cover;}
	div.contents.mi div.cont h2 {margin:0; padding: 80px 0 0 25px; font-family: 'GmarketSansTTFBold', sans-serif; font-size: 45px; color: #34a5b8; letter-spacing: -4px;}
	div.contents.mi div.cont div.videoArea p.txt01 {float:none; margin:0; padding: 15px 0 0 25px; font-family: 'NotoSansKR DemiLight', sans-serif; font-size: 15px; color: #323232; letter-spacing: -1px;}
	div.contents.mi div.cont div.videoArea p.txt01 strong {font-weight: 100; font-family: 'NotoSansKR Medium', sans-serif;}
	div.contents.mi div.cont div.videoArea p.video {float:none; height:225px; padding:15px 25px 0 25px; box-sizing:border-box;}
	div.contents.mi div.cont div.videoArea p.video iframe {width:100%; height:100%;}


	div.contents.vi {background: #f7fcff url('/image/mvv/bg_visionM.png') no-repeat center bottom; background-size: cover;}
	div.contents.vi div.cont h2 {margin:0; padding: 55px 0 15px; font-family: 'GmarketSansTTFBold', sans-serif; text-align: center; font-size: 30px; color: #174080; letter-spacing: -2px;}
	div.contents.vi div.cont img {display: block; width: 100%; max-width: 624px; margin: 0 auto;}

	div.contents.va {background: #f7fcff url('/image/mvv/bg_vitalM.png') no-repeat center center; background-size: cover;}
	div.contents.va div.cont h2 {margin:0; padding: 55px 0 25px; font-family: 'GmarketSansTTFBold', sans-serif; text-align: center; font-size: 30px; color: #174080; letter-spacing: -2px;}
	div.contents.va div.cont img {display: block; width: 100%; max-width: 624px; margin: 0 auto;}

	div#footerWrap {position: relative; height: auto; background-color: #3b3b3b;}
	div#footerWrap > div {width: auto; height: auto; padding: 14px 15px 14px; font-size: 12px; line-height: 18px; text-align: center;}
	div#footerWrap > div ul li {font-size: 12px; line-height: 18px;}
	div#footerWrap > div ul li a {font-size: 12px; line-height: 18px;}
}

/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
	div.mvv {padding: 110px 0 0; background-image: url('bg.png');}
	div.mvv h1 {position: absolute; left: 50%; top: 25px; margin-left: -164px;}

	ul.mvvMenu {width: 1200px; margin: 0 auto;}
	ul.mvvMenu:after {clear: both; display: block; height:0; line-height:0; font-size:0; content: "";}
	ul.mvvMenu > li {float: left; width: 380px; margin-left: 30px;}
	ul.mvvMenu > li:first-child {margin-left: 0;}
	ul.mvvMenu a {width: 380px; height: 80px; padding: 0 40px 0; font-size: 30px; line-height: 90px; border-radius: 38px; text-align: center; letter-spacing: -1px;}
	
	div.contents {margin-top: 40px;}
	div.contents div.cont {width: 1200px; height: 730px; margin: 0 auto;}
	
	div.contents.mi {background: url('/image/mvv/bg_mission.png') no-repeat center top; background-size: cover;}
	div.contents.mi div.cont h2 {margin:0; padding: 175px 0 0; font-family: 'GmarketSansTTFBold', sans-serif; font-size: 90px; color: #34a5b8; letter-spacing: -4px;}
	div.contents.mi div.cont div.videoArea {overflow:hidden;}
	div.contents.mi div.cont div.videoArea p.txt01 {float:left; margin:0; padding: 30px 0 0; font-family: 'NotoSansKR DemiLight', sans-serif; font-size: 30px; color: #323232; letter-spacing: -1px;}
	div.contents.mi div.cont div.videoArea p.txt01 strong {font-weight: 100; font-family: 'NotoSansKR Medium', sans-serif;}
	div.contents.mi div.cont div.videoArea p.video {float:right; width:640px; height:380px;}
	div.contents.mi div.cont div.videoArea p.video iframe {width:100%; height:100%;}

	div.contents.vi {background-color: #f7fcff;}
	div.contents.vi div.cont h2 {margin:0; padding: 70px 0 60px; font-family: 'GmarketSansTTFBold', sans-serif; text-align: center; font-size: 60px; color: #174080; letter-spacing: -4px;}
	div.contents.vi div.cont img {display: block; margin: 0 auto;}

	div.contents.va {background: url('/image/mvv/bg_vital.png') no-repeat center top; background-size: cover;}
	div.contents.va div.cont h2 {margin:0; padding: 70px 0 10px; font-family: 'GmarketSansTTFBold', sans-serif; text-align: center; font-size: 60px; color: #174080; letter-spacing: -4px;}
	div.contents.va div.cont img {display: block; margin: 0 auto;}

	div#footerWrap {position: relative; height: 120px; background-color: #3b3b3b;}
	div#footerWrap > div {position: absolute; left: 50%; top: 0; width: 1200px; height: 120px; margin-left: -600px; padding: 28px 0 0px 350px; background: url('/image/mvv/tit_mvvF_Big.png') no-repeat 35px center; letter-spacing: -1px; box-sizing: border-box;}
	div#footerWrap > div ul li {font-size: 14px; line-height: 24px;}
}