@font-face {
	font-family: 'GmarketSansMedium';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

*{font-family: 'GmarketSansMedium';}

#fullpage{}
#fullpage .section{width: 100%; background-position: center center !important; background-repeat: no-repeat !important; position: relative;}
#fullpage .section > img{display:none; }
#fullpage .section#section01{background:url(../img2/img01.png); height: 100vh;}
#fullpage .section#section01 .pc .text{text-align: center; position: absolute; top:calc(50% - 152px); left: 0; width: 100%;}
#fullpage .section#section01 .pc .text div img{ opacity: 0; transform: translateY(50px); /* 밑으로 50px 내려간 상태 */	transition: opacity 1s ease, transform 1s ease; /* 애니메이션 설정 */display: inline-block; max-width: 80%;}
#fullpage .section#section01 .pc .text div img.slide-up {opacity: 1; transform: translateY(0);}
#fullpage .section#section01 .pc .totla{position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background: rgba(0,0,0,0.5);}
#fullpage .section#section01 .pc .totla .box{display: inline-block; padding: 25px 0; width: 50%;}
#fullpage .section#section01 .pc .totla .box div{float: left; width: 50%;}
#fullpage .section#section01 .pc .totla .box div em{display: block; color:#A8D8F7; font-size: 55px; font-weight: bold; font-style: normal; font-family: 'GmarketSansMedium'; line-height: 1;}
#fullpage .section#section01 .pc .totla .box div em b{font-weight: 900;}
#fullpage .section#section01 .pc .totla .box div span{display: block; color:#fff; font-family: 'GmarketSansMedium'; font-size: 30px; margin-top: 10px; line-height: 1;}
#fullpage .section#section02{background:url(../img2/img02.png); height: 2393px;}
#fullpage .section#section02 .YouTube{position: absolute; width: 85%; bottom: 150px; left: 50%; transform: translate(-50%, 0);}
#fullpage .section#section02 .YouTube iframe{width: 25%; float: left; height: 300px;}
#fullpage .section#section03{background:url(../img2/img03.png); height: 1257px;}
#fullpage .section#section04{background:url(../img2/img04.png); height: 500px;}
#fullpage .section#section05{background:url(../img2/img05.png); height: 1582px;}
#fullpage .section#section06{background:url(../img2/img06.png); height: 1020px;}
#fullpage .section#section07{background:url(../img2/img07.png); height: 1080px;}
#fullpage .section#footer{background:url(../img2/footer.png); height:409px;}


#fp-nav ul li a span{background:#fff !important;}
#fp-nav.black ul li a span{background:#333 !important;}
 
header{position:fixed; top:0px; left:0; width:100%; z-index:3; padding:25px 0;}
header .headerin{width:1200px; margin:0 auto;}
header h1{float:left; width:90px; height:70px; background:url(../img2/logo.png) no-repeat ; background-size: 100% 100%; text-indent:-9999px;}
header ul{float:right}
header ul li{float:left; margin-left:45px;}
header ul li a{color:#fff; line-height:60px; display:block; font-size:18px; font-weight:900;}
header ul li.active a{color:#dabb3f;}
header.black{background: rgba(0, 0, 0, 0.3);}
header .mobile{display:none;}

.quick{position:fixed; top:50%; right:0; transform: translate(0, -45%);}
.mobile{display:none;}
.popup_bg{display:none;}

.phone.mobile{display:none !important;}

@media only screen and (max-width: 1370px) {

/*	#fullpage .section#section01{background-position-x: 65%;} */
/*	#fullpage .section#section02{background-position-x: 65%;} */
/*	#fullpage .section#section03{background-position-x: 29%;} */
/*	#fullpage .section#section04{background-position-x: 95%;} */
/*	#fullpage .section#section05{background-position-x: 71%;} */

}

@media only screen and (max-width: 780px) {

	.phone.mobile{display:block !important;}

	#fullpage .section{height:auto !important;}
	
	.quick{display:none;}
	#fullpage .section .pc{display: none;}
	
	#fullpage .section{background:none !important;}
	#fullpage .section > img{display:block; width:100%; height:auot;}
	
	header .headerin{display:none;}
	header .mobile{display:block;}
	header .mobile:after{content:""; display:block; clear:both;}
	header .mobile h1{background:none; text-indent:0; width:auto; height:auto; margin-left:15px;}
	header .mobile h1 img{height:35px;}
	header .mobile a{float:right; margin:7.5px 15px 0 0;}
	.mobile{display:block;}
	
	.popup_bg{background: rgba(0, 0, 0, 0.5); position:fixed; top:0; left:0; width:100%; height:100%; z-index:3;}
	.mobile_nav{width:80%; background:#fff; height:100%; position:absolute; top:0; right:-100%; padding:20px 0; box-sizing:border-box; }
	.mobile_nav > img{padding-left:15px; height:45px;}
	.mobile_nav .nav_btn_x a{position:absolute; left:-35px; top:15px;}
	.mobile_nav ul{border-top: 1px solid #eee; margin-top:20px;}
	.mobile_nav ul li a{display: block; border-bottom: 1px solid #eee; padding: 25px 15px;  position: relative; font-weight:800;}
	
	.phone{width:100%; position:fixed !important; bottom:0; left:0; padding:10px 0; text-align:center; background:url("../img2/phone_bg.png"); background-size: cover;}
	.phone .slick-slide img{display:inline; width: auto; max-width: 90%;}
	.phone .slick-prev, .slick-next{height:100%; width:10%; z-index: 2;}
	.phone .slick-prev{left:0;}
	.phone .slick-next{right:0;}

	.phone2.mobile{display:block; position:fixed; right: 10px; /*top:50%; transform: translate(0, -50%);*/ bottom:20px;}
	.phone2.mobile div a img{width: 80px;}

	#fullpage .section#section01{height: 100vh !important; background: url("/img2/m_01.png") !important; background-size: cover !important;}
	#fullpage .section#section01 > .pc{display: block;}
	#fullpage .section#section01 > .pc .text{top: calc(50% - 200px);}

	#fullpage .section#section01 .pc .totla .box{width: 95%;}
	#fullpage .section#section01 .pc .totla .box div span{font-size: 20px;}
	#fullpage .section#section01 .pc .totla .box div em{font-size: 12vw;}

	#fullpage .section#section02{padding-bottom:115vw; background:#071124 !important;}
	#fullpage .section#section02 .YouTube{width: 90%; bottom: 50px; }
	#fullpage .section#section02 .YouTube iframe{width:100%; float: left; height: 50vw;}

	#fullpage .section#footer{}

}