@font-face {font-family: 'Mont Heavy';
		src:url('./font/Mont-Heavy.otf') format('opentype'),
			  url('./font/Mont-Heavy.woff2') format('woff2'),
			  url('./font/Mont-Heavy.woff') format('woff'),
			  url('./font/Mont-Heavy.ttf') format('truetype');
	} 
	@font-face {font-family: 'Mont Bold';
		src:url('./font/Mont-Bold.otf') format('opentype'),
			  url('./font/Mont-Bold.woff') format('woff'),
			  url('./font/Mont-Heavy.ttf') format('truetype');
	}
	@font-face {
	 font-family: 'NanumBarunGothic';
	 font-style: normal;
	 font-weight: 400;
	 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
	 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
	}

	@font-face {
	 font-family: 'NanumBarunGothic';
	 font-style: normal;
	 font-weight: 700;
	 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
	 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
	}

	@font-face {
	 font-family: 'NanumBarunGothic';
	 font-style: normal;
	 font-weight: 300;
	 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
	 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
	}


	html,body,div,p,h1,h2{padding:0;margin:0;}
	html,body{overflow:hidden;overflow-y:auto;width:100%;}
	body::-webkit-scrollbar {width: 4px;}
	body::-webkit-scrollbar-thumb {background-color: #95509b}
	body::-webkit-scrollbar-track {background-color: #f1f1f1}
	a{text-decoration:none}
	.loading{position:fixed;width:100%;height:100%;z-index:10;background-color: #ff86d2; }
	.loading img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
	header{background-color:#ff86d2;height:126px;width:100%;position:fixed;top:0;z-index:9;}
	.head{max-width:1920px;margin:0 auto;justify-content:space-between;display:flex;align-items:center;height:126px;padding-top:2px}
	.head a{font-family:'Mont Heavy';color:#fff;}
	.head a.m{display:none;}
	.head .logo{font-size:30px;margin-left:7.8125vw;}
	.head .logo img{vertical-align:middle;margin:-4px 10px 0 0;width:27px;}
	.head .logo._02{margin-left:0.8125vw;}
	.head .home{position:absolute;left:50%;transform:translate(-50%,0%)}
	.head .home img{ width:172px}
	.insta{display:flex;margin-right:7.8125vw;align-items:center;align-items:middle}
	.insta p{font-family:'Mont Heavy';text-align:right;line-height:20px;margin-top:0px;color:#fff}
	.insta span{font-family:'Mont Heavy';font-size:22px;}
	.insta small{font-size:10px;font-family: 'Mont Bold';letter-spacing:0.5px}
	.insta img{margin-left:10px;vertical-align:middle;margin-top:-5px;width:72px;}
	.insta a {margin-left:20px}
	.insta a:last-child {margin-left:20px}
	.insta a:last-child img{width:56px;}

	footer{height:316px;background-color:#ff86d2;bottom:0;width:100%;z-index:11}
	.foot{max-width:1920px;margin:0 auto;justify-content:space-between;display:flex;align-items:center;;padding-top:80px;}
	.foot a{font-family:'Mont Heavy';color:#fff;}
	.foot div{margin-left:5.208vw}
	.addr p{font-family:'NanumBarunGothic';font-weight:300;color:#fff;font-size:1vw;line-height:30px;}
	.copyright{padding-left:5.208vw;max-width:1920px;margin:0 auto;font-family: 'Mont Bold';color:#fff;font-size:0.67vw;display:block;margin-top:50px;}
	.foot .insta{margin-right:5.208vw}

	.body2{max-width:1920px;margin:0 auto;}
	.body2 img{width:100%;display:block}
	.body2 img.img1{margin-top:120px}
	.body{position:absolute;width:100%;max-width:100%;z-index:2;display:none}
	.wrap{width:100%;max-width:1920px;margin:0 auto;position:relative}
	.box{margin:0 7.8125vw}
	.box p{font-family:'Mont Bold';font-size:1.25vw;margin-top:2.864vw;position:relative;}
	.box p:before{content:'________';position:absolute;top:0;left:0;margin-top:-26px;font-size:0.625vw;}
	.box p span{font-family:'NanumBarunGothic';font-size:0.989vw;font-weight:500;margin-top:50px;letter-spacing:-0.104vw}
	.title{z-index:2;color:#fff;text-align:center;font-family:'Mont Heavy';width:100vw;margin-top:20vw;}
	.title h1{font-size:4.27vw;}
	.title p{font-size:3.02vw;font-family:'Mont Bold';margin-top:40px;margin-bottom:90px}
	.title p:before{content:'';margin:0;}
	.title h2{font-size:3.125vw;font-family:NanumBarunGothic;font-weight:700;margin-bottom:30px;}
	.title span{font-size:3.125vw;font-family:'NanumBarunGothic';font-weight:300;}
	.title span strong{font-weight:300;}
	.typing strong{opacity:0;transition:all 0.2s;}

	.bicycle{top:75.4vw;right:-6vw;position:absolute;z-index:2;color:#fff;}
	.bicycle img{width:19.1vw}
	.ungle{width:100vw;top:100vw;position:absolute;z-index:2;color:#fff;}
	.ungle h2{font-family:'NanumBarunGothic';font-size:2.39vw;font-weight:500;letter-spacing:0.416vw;margin-top:10px;}
	.ungle img{margin-top:30px}
	.ungle img.farmer{position:absolute;right:14vw;top:0;margin:0px 0 0 0;width:13.2vw}
	.pee{top:126vw;left:22vw;position:absolute;z-index:2;color:#fff;}
	.pee img{width:27vw}
	.bokja_boat{top:164.5vw;left:-6.5vw;position:absolute;z-index:2;color:#fff;}
	.bokja_boat img{width:50vw}
	.bokberry{top:216vw;right:-3vw;position:absolute;z-index:2;color:#fff;}
	.bokberry img{width:14.322vw}
	.bokja_walk{top:285vw;left:52.4vw;;position:absolute;z-index:2;color:#fff;}
	.bokja_walk img{width:26.5vw}
	.cc_walk{top:310.5vw;left:26vw;;position:absolute;z-index:2;color:#fff;}
	.cc_walk img{width:29.6vw}
	.bok_is{top:286vw;left:0;;position:absolute;z-index:2;color:#fff;}
	.bok_is h2{font-size:2.604vw;font-family:'Mont Heavy';font-weight:700;letter-spacing:0.520vw;margin-bottom:-10px}
	.bok_energy{top:360vw;left:0px;;position:absolute;z-index:2;color:#fff;}
	.bok_energy .box{display:flex}
	.bok_energy .box img{vertical-align:top;margin:-1.041vw 4.166vw 0 0;width:8.125vw}
	.bok_energy .box div{vertical-align:top;color:#9f52a7;font-family:'NanumBarunGothic';font-size:1.041vw;font-weight:700;line-height:1.66vw;letter-spacing:-0.052vw;margin:-1vw 0 0 -2vw}
	.bok_energy .box span{font-size:0.833vw}
	.bg{width:100%;z-index:1;position:absolute;}
	.pc{display:block;}
	.mobile{display:none;}
	.scroll_on{opacity: 0;transition: all 0.5s;display:block}
	.scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
	.scroll_on.type_top {transform: translate(0, -50px);}
	.scroll_on.type_bottom {transform: translate(0, 50px);}
	.scroll_on.type_left {transform: translate(-50px, 0);}
	.scroll_on.type_right {transform: translate(50px, 0);}

	.scroll_on2{opacity: 0;transition: all 1.5s;display:block}
	.scroll_on2.active {opacity: 1 !important;transform: translate(0, 0) !important;}
	.scroll_on2.type_top {transform: translate(0, -50px);}
	.scroll_on2.type_bottom {transform: translate(0, 50px);}
	.scroll_on2.type_left {transform: translate(-50px, 0);}
	.scroll_on2.type_right {transform: translate(50px, 0);}


	@media all and (max-width:1080px) {
		.head a.p{display:none;}
		.head a.m{display:inline-block;}
		.pc{display:none;}
		.mobile{display:block;}
		header{height:10vw}
		.head{height:10vw}
		.head .logo{font-size:3vw;margin-left:2.629vw;}
		.head .logo img{width:3vw;margin-top:-0.5vw;margin-right:2px}
		.head div{margin-top:-5px}
		.head .home img{ width:16vw}
		.insta{margin-right:2.629vw;}
		.insta p{line-height:2vw;margin-top:0px}
		.insta span{font-size:3vw;}
		.insta small{font-size:1vw;letter-spacing:0.5px}
		
		.insta a {margin-left:1vw;}
		.insta a img{width:3.5vw;}
		.insta a:last-child {margin-left:1vw;}
		.insta a:last-child img{width:3vw;}

		.insta._02 {margin-top:-1px}
		.insta._02 a img{width:6.5vw;}

		.body2 img.img1{margin-top:10vw}
		.box{margin:0 7.407vw}
		.box p{font-size:2.15vw;margin-top:6.864vw;letter-spacing:0.1vw;line-height:3vw}
		.box p:before{margin-top:-3vw;font-size:1.1vw;font-weight:bold;letter-spacing:0;}
		.box p span{font-size:1.65vw;letter-spacing:-0.114vw}
		.title h1{font-size:7.27vw;margin-top:30vw;}
		.title p{font-size:5.225vw;margin-top:3vw;margin-bottom:7vw;line-height:8vw}
		.title h2{font-size:5.225vw;margin-bottom:2vw}
		.title span{font-size:5.225vw;}
		.bicycle{top:128.8vw;right:-8.1vw;}
		.bicycle img{width:43vw}
		.ungle{width:100vw;top:183vw;}
		.ungle h2{font-size:7vw;}
		.ungle img{width:8vw;margin-top:5vw}
		.ungle img.farmer{right:19vw;top:40vw;width:31.2vw}
		.pee{top:307.5vw;left:12vw;}
		.pee img{width:47vw}
		.bokja_boat{top:390vw;left:-26.5vw;}
		.bokja_boat img{width:98vw}
		.bokberry{top:560vw;right:0vw;}
		.bokberry img{width:36.322vw}
		.bok_is{top:650vw;left:0;}
		.bok_is h2{font-size:6vw;letter-spacing:0.520vw;}
		.bokja_walk{top:704vw;left:44.6vw;}
		.bokja_walk img{width:46.5vw}
		.cc_walk{top:739.8vw;left:4.4vw;}
		.cc_walk img{width:52.77vw}
		.bok_energy{top:851vw;left:0px;;}
		.bok_energy .box img{margin:0 6.166vw 0 0;width:15vw}
		.bok_energy .box div{font-size:1.9vw;line-height:3.4vw;letter-spacing:-0.3vw;}
		.bok_energy .box span{font-size:1.633vw;letter-spacing:-0.1vw;}
		footer{height:120px;}
		.foot{padding:7vw 0 0 0}
		.foot a{}
		.foot div{margin-left:2.629vw;;}
		.addr p{font-size:0.9vw;line-height:1.5vw;}
		.copyright{padding-left:2.629vw;font-size:0.85vw;margin-top:5vw}
		.foot .insta{margin-right:2.629vw}
		.foot .insta span{font-size:2.5vw}
	}