@charset "utf-8";

#main-vod{max-height:970px; background:url("../img/vod_bg.png") no-repeat center; background-size:cover; overflow:hidden; position:relative;}
#main-vod video{vertical-align:middle;}
#main-vod .vod-bg{width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.4); position:absolute;}
#main-vod .vod-txt{width:80%; top:50%; left:20%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); z-index:999; text-align:left; color:#fff; position:absolute;}
#main-vod .vod-txt h2{font-weight:400; font-size:50px; line-height:120%; color:#fff; animation:visual-txt 1s .4s both;}
#main-vod .vod-txt h1{margin-top:20px;font-weight:600; font-size:70px; line-height:130%; color:#fff;animation:visual-txt 1s .6s both;}
#main-vod .vod-txt p{margin-top:50px; font-weight:500; font-size:20px; line-height:150%; color:#fff;animation:visual-txt 1s .8s both;}
#main-vod .vod-txt .down-btn{margin-top:70px;animation:visual-txt 1s .7s both;}
#main-vod .vod-txt .down-btn h3{font-weight:400; font-size:20px; color:#fff; margin-bottom:10px;}
#main-vod .vod-txt .down-btn span{margin-right:10px;}
#main-vod .vod-txt .down-btn span a{background:#fff; border-radius:100px; display:inline-block; padding:15px 30px;}

@keyframes visual-txt {
	0% {opacity:0; transform:translateY(40px);}
	100% {opacity:1; transform:translateY(0);}
}

@media screen and (max-width:1480px){
	#main-vod .vod-txt h2{font-size:40px;}
	#main-vod .vod-txt h1{margin-top:20px; font-size:60px;}
	#main-vod .vod-txt p{margin-top:40px; font-size:20px;}
	#main-vod .vod-txt .down-btn{margin-top:50px;}
}

@media screen and (max-width:1240px){
	#main-vod .vod-txt{top:55%;}
	#main-vod .vod-txt h2{font-size:36px;}
	#main-vod .vod-txt h1{margin-top:20px; font-size:50px;}
	#main-vod .vod-txt p{margin-top:30px; font-size:18px;}
	#main-vod .vod-txt .down-btn{margin-top:30px;}
	#main-vod .vod-txt .down-btn h3{font-size:18px;}
	#main-vod .vod-txt .down-btn span a img{width:100px;}
}

@media screen and (max-width:980px){
	#main-vod .vod-txt{width:100%; top:50%; left:0; text-align:center;}
	#main-vod .vod-txt h2{font-size:24px;}
	#main-vod .vod-txt h1{margin-top:20px; font-size:44px;}
	#main-vod .vod-txt p{margin-top:20px; font-size:16px; padding:0 20px;}
	#main-vod .vod-txt .down-btn{margin-top:20px;}
	#main-vod .vod-txt .down-btn h3{font-size:16px;}
	#main-vod .vod-txt .down-btn span a img{width:80px;}
	#main-vod .vod-txt .down-btn span a{padding:15px 20px;}
}

@media screen and (max-width:780px){
	#main-vod{height:600px;}
	#main-vod video{display:none;}
}

@media screen and (max-width:640px){
	#main-vod{height:600px;}
	#main-vod video{display:none;}
	#main-vod .vod-txt h2{font-size:20px;}
	#main-vod .vod-txt h1{margin-top:20px; font-size:40px;}
	#main-vod .vod-txt p{font-weight:400;}
	#main-vod .vod-txt .down-btn{margin-top:30px;}
	#main-vod .vod-txt .down-btn h3{font-size:14px;}
	#main-vod .vod-txt .down-btn span a{padding:10px 20px;}
}

@media screen and (max-width:480px){
	#main-vod .vod-txt h2{font-size:18px;}
	#main-vod .vod-txt h1{margin-top:20px; font-size:34px; padding:0 20px;}
	#main-vod .vod-txt p{font-size:14px;}
}


#mcont01-section{height:100vh; max-height:970px; background:url("../img/mcont01_bg.jpg") no-repeat center; background-size:cover; overflow:hidden; position:relative;}
#mcont01-section .txt-area{width:100%; top:46%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); z-index:999; text-align:center; position:absolute;}
#mcont01-section .txt-area h1{font-size:80px; color:#000; font-weight:700; line-height:1.2em;}
#mcont01-section .txt-area h1 span{color:#387a22;}
#mcont01-section .txt-area p{font-size:30px; color:#333; font-weight:500; margin-top:40px;}
#mcont01-section .txt-area p span{color:#226b08;}

@media screen and (max-width:1480px){
	#mcont01-section .txt-area h1{font-size:70px;}
	#mcont01-section .txt-area p{font-size:30px;}
}

@media screen and (max-width:1240px){
	#mcont01-section{max-height:800px;}
	#mcont01-section .txt-area h1{font-size:64px;}
	#mcont01-section .txt-area p{font-size:26px;}
}

@media screen and (max-width:980px){
	#mcont01-section .txt-area{top:40%;}
	#mcont01-section .txt-area h1{font-size:58px;}
	#mcont01-section .txt-area p{font-size:22px;}
}

@media screen and (max-width:780px){
	#mcont01-section{background:url("../img/mcont01_m_bg.jpg?v2") no-repeat center; background-size:auto 100%;}
	#mcont01-section .txt-area{top:50%;}
	#mcont01-section .txt-area h1{font-size:50px;}
	#mcont01-section .txt-area p{font-size:20px;}
}

@media screen and (max-width:640px){
	#mcont01-section .txt-area h1{font-size:44px;}
	#mcont01-section .txt-area p{font-size:18px;}
}

@media screen and (max-width:480px){
	#mcont01-section .txt-area p{font-size:16px;}
}

#mcont02-section{background:url("../img/mcont02_bg.jpg") repeat; padding:190px 0 120px;}
#mcont02-section .img-bg{background:url("../img/mcont02_img.png") no-repeat; width:100%; background-position:94% 10%;}
#mcont02-section .cont-area{width:100%; max-width:1240px; padding:0 20px; margin:0 auto;}
#mcont02-section .txt-area h1{font-size:80px; color:#000; font-weight:700; line-height:1.2em;}
#mcont02-section .txt-area h1 span{color:#f2982d;}
#mcont02-section .txt-area p{font-size:30px; color:#333; font-weight:500; margin-top:40px;}
#mcont02-section .youtube-area{margin-top:60px;}
#mcont02-section .youtube-area iframe{height:650px;}

@media screen and (max-width:1480px){
	#mcont02-section .txt-area h1{font-size:70px;}
	#mcont02-section .txt-area p{font-size:30px;}
	#mcont02-section .youtube-area iframe{height:580px;}
}

@media screen and (max-width:1240px){
	#mcont02-section{padding:150px 0 100px;}
	#mcont02-section .img-bg{background-size:50%; background-position:98% 10%;}
	#mcont02-section .txt-area h1{font-size:64px;}
	#mcont02-section .txt-area p{font-size:26px;}
	#mcont02-section .youtube-area iframe{height:500px;}
}

@media screen and (max-width:980px){
	#mcont02-section .txt-area h1{font-size:58px;}
	#mcont02-section .txt-area p{font-size:22px;}
	#mcont02-section .youtube-area iframe{height:450px;}
}

@media screen and (max-width:780px){
	#mcont02-section{padding:130px 0 70px;}
	#mcont02-section .img-bg{background-size:50%; background-position:110% 20%;}
	#mcont02-section .txt-area h1{font-size:50px;}
	#mcont02-section .txt-area p{font-size:20px; margin-top:30px;}
	#mcont02-section .youtube-area{margin-top:40px;}
	#mcont02-section .youtube-area iframe{height:350px;}
}

@media screen and (max-width:640px){
	#mcont02-section{padding:100px 0 60px;}
	#mcont02-section .img-bg{background-size:50%; background-position:120% 30%;}
	#mcont02-section .txt-area h1{font-size:44px;}
	#mcont02-section .txt-area h1 br{display:none;}
	#mcont02-section .txt-area p{font-size:18px;}
	#mcont02-section .youtube-area iframe{height:300px;}
}

@media screen and (max-width:480px){
	#mcont02-section{padding:70px 0 40px;}
	#mcont02-section .img-bg{background:none;}
	#mcont02-section .txt-area h1{font-size:36px;}
	#mcont02-section .txt-area p{font-size:16px; margin-top:20px;}
	#mcont02-section .youtube-area{margin-top:30px;}
	#mcont02-section .youtube-area iframe{height:250px;}
}

#mcont03-section{background:url("../img/mcont03_bg.jpg") #eeebe4 no-repeat; background-position:center bottom; padding:120px 0 400px;}
#mcont03-section .cont-area{width:100%; max-width:1240px; padding:0 20px; margin:0 auto;}
#mcont03-section .txt-area h1{font-family:'Montserrat';font-size:100px; color:#f28b2d; font-weight:400; line-height:1em;}
#mcont03-section .txt-area p{font-size:30px; color:#333; font-weight:500; margin-top:40px;}

@media screen and (max-width:1480px){
	#mcont03-section .txt-area h1{font-size:90px;}
	#mcont03-section .txt-area p{font-size:30px;}
}

@media screen and (max-width:1240px){
	#mcont03-section{background-position:right bottom; background-size:auto 50%; padding:100px 0 450px;}
	#mcont03-section .txt-area h1{font-size:80px;}
	#mcont03-section .txt-area p{font-size:26px;}
}

@media screen and (max-width:980px){
	#mcont03-section{padding:85px 0 350px;}
	#mcont03-section .txt-area h1{font-size:70px;}
	#mcont03-section .txt-area p{font-size:22px;}
}

@media screen and (max-width:780px){
	#mcont03-section{background-position:right bottom; background-size:200%; padding:70px 0 250px;}
	#mcont03-section .txt-area h1{font-size:60px;}
	#mcont03-section .txt-area p{font-size:20px; margin-top:30px;}
}

@media screen and (max-width:640px){
	#mcont03-section{background-size:140%; padding:50px 0 160px;}
	#mcont03-section .txt-area h1{font-size:50px;}
	#mcont03-section .txt-area p{font-size:18px;}
	#mcont03-section .txt-area p br{display:none;}
}

@media screen and (max-width:480px){
	#mcont03-section{padding:50px 0 140px;}
	#mcont03-section .txt-area h1{font-size:40px;}
	#mcont03-section .txt-area p{font-size:16px; margin-top:20px;}
}

#mcont04-section{background:url("../img/mcont04_bg.jpg") no-repeat; background-size:cover;}
#mcont04-section .img-bg{background:url("../img/mcont04_img.png") no-repeat; background-position:left bottom; width:100%;}
#mcont04-section .cont-area{width:100%; max-width:1240px; padding:0 20px; margin:0 auto;}
#mcont04-section .cont-area:after{clear:both; display:block; content:"";}
#mcont04-section .txt-area{float:right; padding:210px 0 180px;}
#mcont04-section .txt-area h1{font-size:80px; color:#000; font-weight:700; line-height:1.2em;}
#mcont04-section .txt-area p{margin-top:40px;}
#mcont04-section .txt-area p img{max-width:100%;}
#mcont04-section .down-btn{margin-top:60px;}
#mcont04-section .down-btn span{margin-right:10px;}
#mcont04-section .down-btn span a{background:#fff; border-radius:100px; display:inline-block; padding:15px 30px; border:1px solid #dedede;}


@media screen and (max-width:1480px){
	#mcont04-section .img-bg{background-size:60%;}
	#mcont04-section .txt-area{padding:150px 0;}
	#mcont04-section .txt-area h1{font-size:70px;}
	#mcont04-section .txt-area p img{width:80%;}
}

@media screen and (max-width:1240px){
	#mcont04-section .txt-area{padding:120px 0;}
	#mcont04-section .txt-area h1{font-size:64px;}
}

@media screen and (max-width:980px){
	#mcont04-section .txt-area{padding:90px 0;}
	#mcont04-section .img-bg{background-position:-20% bottom;}
	#mcont04-section .txt-area h1{font-size:58px;}
	#mcont04-section .txt-area p{margin-top:30px;}
	#mcont04-section .txt-area p img{width:60%;}
	#mcont04-section .down-btn{margin-top:50px;}
	#mcont04-section .down-btn span a{padding:15px 20px;}
	#mcont04-section .down-btn span a img{width:120px;}
}

@media screen and (max-width:780px){
	#mcont04-section .txt-area{padding:50px;}
	#mcont04-section .txt-area{text-align:right;}
	#mcont04-section .txt-area h1{font-size:50px;}
	#mcont04-section .txt-area p img{width:50%;}
	#mcont04-section .down-btn{margin-top:40px;}
	#mcont04-section .down-btn span{margin-right:0; margin-left:10px;}
	#mcont04-section .down-btn span a img{width:110px;}
}

@media screen and (max-width:640px){
	#mcont04-section .img-bg{background-size:80%; background-position:-90% bottom;}
	#mcont04-section .txt-area{padding:50px 30px;}
	#mcont04-section .txt-area h1{font-size:44px;}
	#mcont04-section .down-btn span a img{width:90px;}
}

@media screen and (max-width:480px){
	#mcont04-section .txt-area{padding:40px 10px;}
	#mcont04-section .txt-area h1{font-size:36px;}
	#mcont04-section .txt-area p{margin-top:20px;}
	#mcont04-section .down-btn{margin-top:30px;}
}