@charset "utf-8";

#mainContent {
    position: relative;
    padding-bottom: 60px;
    background: url("../img/m_main_bg.jpg") repeat-y bottom center/cover;
}

#mainContent .mOnly .moblie-main-gnb {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    z-index: 1000;
}

#mainContent .pcOnly {
    height: 950px;
    background: url("../img/main_img.jpg") no-repeat bottom center/cover;
}

@media screen and (min-width:1139px) {
    #mainContent {
        padding-bottom: 0;
    }
}


/* 유튜브 팝업 */
.youtube-popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding:  100px 20px;
	background-color: rgba(0,0,0,0.7);
	z-index: 8000;
}

.youtube-popup .yp-box {
	margin: 0 auto;
}

.youtube-popup .closearea {
	position: absolute;
	top: 60px;
	right: 20px;
}

.youtube-popup .closearea .closebtn {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #b28247;
	color: #fff;
	text-align: center;
	font-size: 18px;
}

@media screen and (min-width:767px) {	
	.youtube-popup {
		padding: 150px 10%;
	}

	.youtube-popup .closearea {
		top: 90px;
		right: 10%;
	}

	.youtube-popup .closearea .closebtn {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 30px;
	}
}

@media screen and (min-width:1040px) {
	.youtube-popup {
		padding: 150px 25%;
	}

	.youtube-popup .closearea {
		right: 25%;
	}

	.youtube-popup .closearea .closebtn:hover {
		background-color: #fff;
		color: #b28247;
	}
}