@charset "utf-8";

		.movie {
		top: 0;
		position: absolute;
		overflow: hidden;
		height: 75%;
			width: 100%;
	
	}
	
	.movie video {
		width: 100%;
	}
	
	@media screen and (max-width:1600px) {
		
		.movie video {
			width: 140%;
		}
	}
	
	
		@media screen and (max-width:1400px) {
		
		.movie video {
			width: 140%;
		}
	}
	
	
			@media screen and (max-width:1200px) {
		
		.movie video {
			width: 150%;
		}
	}
	

	@media screen and (max-width:1024px) {
		.movie {
			height: 700px;
		}
		
		.movie video {
			width: 180%;
		}
	}
	

	@media screen and (max-width:767px) {
		.movie {
			height: 550px;
		}
		.movie video {
			width: 300%;
		}

	}


/*section.main*/

section.main {
    height: 640px;

    position: relative;
}


	@media screen and (max-width:1600px) {
		
		section.main {
			height: 600px;
		}
		
	}
	

	
			@media screen and (max-width:1200px) {
		
		section.main {
			height: 580px;
		}
		
	}
	






section.main .moTopList {
    display: none;
}
section.main .topList {
    display: block;
    position: absolute;
    top: 110px;
    right: 40px;
    width: 600px;
}
section.main .topList li {
    float: left;
    width: 16.66666%;
    margin-left: 0%;
}
section.main .topList li img {
    width: 100%;
    height: auto;
}
section.main .mainTitle {
    position: absolute;
    color: #fff;
    bottom: 30%;
    left: 12%;
}
section.main .mainTitle h2 {
    font-family: 'Mada', sans-serif;
    font-size: 70px;
    letter-spacing: -2px;
    line-height: 0.9;
    margin-bottom: 30px;
}
section.main .mainTitle p {
    font-family: 'NanumSquare', sans-serif;
    font-size: 33px;
    font-weight: 800;
}
section.main .border-line {
    border-bottom: 3px solid #fff;
}
/* main-one*/
.main-ganme {
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 10;
    padding-top: 60px;
    padding-bottom: 60px
}
.main-ganme-box-center {
    width: 75%;
    margin: 0 auto !important;
}
.main-ganme-cont-box {
    padding: 15px 15px 15px 15px !important;
}
.main-ganme-cont-box p {
    font-size: 20px !important;
    font-weight: 800 !important;
}
.main-ganme-cont-box img {
    width: 100%;
}
.main-ganme-box-line {
    height: 1px;
    background-color: #4E4E4E;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.main-ganme-box-txt {
    padding-top: 10px;
    line-height: 25px;
}
.main-mtitler {
    font-size: 35px;
    font-weight: 800;
    color: red;
}
.main-mtitleb {
    font-size: 35px;
    font-weight: 800;
}
.main-mtitleb-red {
    color: #ee2b2a;
    font-weight: 800;
}
.main-mtitleb-txt {
    padding-bottom: 20px;
}

@media screen and (max-width:1024px) {
.movie {
    height: auto
}
.movie video {
    width: 900px;
}
section.main {
    height: 500px;
}
.bg:after {
    height: 500px;
}
section.main .topList {
    display: none;
}
section.main .moTopList {
    display: block;
    position: absolute;
    top: 70px;
    right: 10px;
    width: 100px;
}
section.main .moTopList img {
    width: 100%;
    height: auto;
}
section.main .mainTitle {
    left: 25px;
    bottom: 20%;
}
section.main .mainTitle h2 {
    font-size: 50px;
    margin-bottom: 20px;
}
section.main .mainTitle p {
    font-size: 30px;
}
section.main .border-line {
    border-bottom: 2px solid #fff;
}
}

@media screen and (max-width:767px) {
.main-mtitler {
    font-size: 25px;
}
.main-mtitleb {
    font-size: 25px;
}

.main-memtitle h3 {
    font-weight: 800;
    padding-top: 20px;
    font-size: 25px;
    color: #363636;
    line-height: 1.1;
    letter-spacing: 0;
    margin-bottom: 5px;
}
.main-memtitle p {
    font-weight: 100;
    padding-top: 5px;
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 0;
    margin-bottom: 5px;
}
.main-memtitle {
    font-weight: 100;
    padding-top: 5px;
    padding-bottom: 20px;
    font-size: 15px;
    line-height: 1.1;
    letter-spacing: 0;
    margin-bottom: 5px;
    color: #030303;
}

section.main .mainTitle h2 {
    font-size: 41px;
}
section.main .mainTitle p {
    font-size: 22px;
}
section.main .moTopList {
    width: 78px;
}

}



@media screen and (max-width:360px) {
section.main .mainTitle {
    left: 20px;
}
section.main .mainTitle h2 {
    font-size: 35px;
    font-weight: bold;
}
section.main .border-line {
    border-bottom: 2px solid #fff;
}
section.main .mainTitle p {
    font-size: 22px;
}
section.main .moTopList {
    width: 78px;
    top: 60px;
}
}