html, body {
	margin: 0;
	padding: 0;
	overflow:hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
	height: 100%;
	position: relative;
	-ms-touch-action: none;
	touch-action: none;
}
.fp-section {
	position: relative;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.fp-slide {
	float: left;
}
.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block;
}
.fp-slides {
	z-index:1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout:fixed;
	width: 100%;
}
.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.fp-slidesContainer {
	float: left;
	position: relative;
}
.fp-controlArrow {
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
	overflow: scroll;
}
.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}
#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
	right: 17px;
}
#fp-nav.left {
	left: 17px;
}
.fp-slidesNav{
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
}
.fp-slidesNav.bottom {
	bottom: 17px;
}
.fp-slidesNav.top {
	top: 17px;
}
#fp-nav ul, .fp-slidesNav ul {
	margin: 0;
	padding: 0;
}
#fp-nav ul li, .fp-slidesNav ul li {
	display: block;
	width: 15px;
	height: 15px;
	margin: 20px;
	position:relative;
}
.fp-slidesNav ul li {
	display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
	background: rgba(246, 225, 13, .5);
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	top: 3px;
	left: 3px;
	width: 15px;
	height: 15px;
	border: 2px solid #fff;
	border-style:dotted;
	background: rgba(0, 0, 0, 0);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}
#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: 3px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	width: auto;
	opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
	right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
	left: 20px;
}
#menu li {
	display:inline-block;
	margin:0;
	padding:0 2%;
	color:#fff;
}
#menu li a, #menu li.active a{
	color: #fff;
	display:block;
	text-decoration:none;
}

#menu li a:hover, #menu li.active a:hover{
	color: #f6e10d;
	display:block;
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}

#menu{
	padding-top:2%;	padding-right:1%;
	top:0; right:0;
	width: 21%;
	font-size:15px;
	font-family:"notokr-medium";
	font-weight:100;
	margin:0;
	position: absolute;
	 z-index: 97;
}

.menu_logo{
	top:0;
	height: 100%;
	width: 30%;
	padding: 0;
	margin:0;
	position: absolute;
	left:2%;
	background-image:url('../img/solution/smoke/logo.png');
	background-position:left 15% top 45%;
	background-repeat:no-repeat;
	background-size:contain;
	z-index: 97;
	 max-width: 338px;
}
.menu_logo > a{
	width:100%;
	height:100%;
	display:block;
}

#section1{
	background-image:url('../img/solution/smoke/animation1.gif');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding: 0 0 0 0;
	z-index: 92;

}
#section1  ul{
	display:table;
	position: absolute;
	padding: 0;
	bottom: 3%;
	left:3%;
	max-width:225px;
	width:100%;
	height:40px;
	text-align:Center;
	color:#fff;
	margin:0 auto;
	border-top:2px solid #d6d6d6;
	border-bottom:2px solid #d6d6d6;
	border-right:2px solid #d6d6d6;
	border-left:2px solid #d6d6d6;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	opacity:0.5;
	cursor:pointer;
	letter-spacing:-1px;
}
#section1  ul:hover{
	border-top:2px solid #d6d6d6;
	border-bottom:2px solid #d6d6d6;
	border-right:2px solid #d6d6d6;
	border-left:2px solid #d6d6d6;
	opacity:1;
	cursor:pointer;
}

#section1  ul > li{
	display:table-cell;
	padding: 0;
	max-width:225px;
	width:100%;
	height:100%;
	text-align:Center;
	color:#fff;
	margin:0 auto;
	vertical-align: middle;
	font-family:"nanumbarungothic";
	font-weight:300;
}

#section2{
	background-image:url('../img/solution/smoke/smoke1.jpg');
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
	padding: 0 0 0 0;
}
#section3{
	background-image:url('../img/solution/smoke/smoke2.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding: 0 0 0 0;
}
#section4{
	background-image:url('../img/solution/smoke/smoke2.gif');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding: 0 0 0 0;
}

#section5{
	background-image:url('../img/solution/smoke/four.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding: 0 0 0 0;
}

#section6{
	background-image:url('../img/solution/smoke/bg4.jpg');
	background-color:#333333;
	background-position:center;
	background-size:auto;
	background-repeat:no-repeat;
	z-index: 96;
}
.section6_img{
	background-image:url('../img/solution/asak/bg4.png');
	background-position:center;
	background-size:auto;
	background-repeat:no-repeat;
	width:100%;
	height:90%;
}

#moveSectionUp {
background-image:url('../img/solution/smoke/prev.png');
background-repeat:no-repeat;
background-position: center;
position:fixed; width:100%; height:10%; margin:0 auto; top:0; text-align: center; z-index: 95;

}
#moveSectionUp > a {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display:block;
	opacity:0.5;
}

#moveSectionUp > a:hover {
	opacity:1;
}

#moveSectionDown {
background-image:url('../img/solution/smoke/next.png');
background-repeat:no-repeat;
background-position: center;
cursor:pointer;
position:fixed; width:100%; height:10%; margin:0 auto; bottom:0; text-align: center; z-index: 94;
}
#moveSectionDown > a {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display:block;
	opacity:0.5;

}
#moveSectionDown > a:hover {
	opacity:1;
}


.button {
	width:100%;
	height:6%;
	top:70%;
	display:table;
	position:absolute;
	padding:0;
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
}

.button ul {
	width:35%;
	height:6%;
	top:1%;
	display:table;
	padding:0;
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
}

.button li{
	height:100%;
	width:100%;
	padding:0;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	display:table-cell;
	border:2px solid #fff;
	color:#fff;
	font-family:"notokr-regular";
	font-size:15px;
	line-height:30px;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	background:rgba(255,255,255,0.2);
	font-weight:500;
	opacity:0.5;
}

.button li:hover{
	color:#4b3c32;
 list-style: none; text-decoration:none; color:#fff; opacity:1;
}

.button a{ list-style: none; text-decoration:none; color:#fff;}