/* BASIC css start */
	h1{
		font-size: 3em;
		font-family:"Roboto","arial",sans-serif;font-weight:900;
		color: #fff;
		margin:0;
		padding:0;line-height:180%;
	}
	.intro {text-align:center;width:100%; font-family:"Roboto","arial",sans-serif;}
	.intro p{
		color: #fff;
	}

.mainfooter{padding: 0px 0;}
.mainfooter #footer { border-top:0px !important; }

.fp-section.fp-auto-height, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height:auto !important}

.scrollbtn {width:100px;height:38px;position:absolute;bottom:0px;left:50%;margin-left:-51px;color:#000;}

.intro1 {text-align:center;}
.intro1 .fadeinBox {display:none;}
.intro1 img {max-width:290px;}

.intro .fadeinBox2 {display:none;}
.intro .fadeinBox2 h1{
		font-size: 2em;
		font-family:"Roboto","arial",sans-serif;font-weight:900;
		color: #333;
		margin:-140px 0 0;
		padding:0;
	}
.intro img {width:100%;}
.intro .fadeinBox2 .btn {width:120px;height:20px;line-height:20px;background:#222;margin:10px auto;}
.intro .fadeinBox2 .btn a {display:block;color:#fff;font-size:11px;}
.intro .fadeinBox2 p {font-size:11px;color:#555;}
.intro .fadeinBox2 img {max-width:340px;}


	/* Backgrounds will cover all the section * --------------------------------------- */
	#section0 {
		background-size: cover;padding:60px 0 0px 0;
		background-attachment: fixed;
	}

	/* 첫번째배경
	* --------------------------------------- */
	#section0{
		background-image: url(/design/hannaaa00/SkinImg/mainbg/mobile/bg1m.jpg);
		padding: 0 0 0 0;
	}
    #section0 .intro {
        position:absolute;
        bottom:175px;
    }
    #section0 .intro a {
        font-size:1.2em;
        font-weight:600;
        border:2px solid #fff;
        padding:10px 55px;
        color:#fff;
    }
    
 	/* 두번째배경
	* --------------------------------------- */
	#section1{
		background-image: url(/design/hannaaa00/SkinImg/mainbg/mobile/bg2m.jpg);
		padding: 0 0 0 0;background-size: cover;
	}
    #section1 .intro {
        width:100%;
        position:absolute;
        top:51%;
    }
    #section1 .intro img {
        margin-bottom:35px;
    }
    #section1 .intro a {
        font-size:1.2em;
        font-weight:600;
        border:2px solid #333;
        padding:10px 55px;
        color:#333;
    }

	/* 세번째배경
	* --------------------------------------- */
	#section2{
		background-image: url(/design/hannaaa00/SkinImg/mainbg/mobile/bg3m.jpg);
		padding: 0 0 0 0;background-size: cover;
	}     
    #section2 .intro {
        width:100%;
        position:absolute;
        top:12%;
    }
    
    /* 네번째 배경 
    * --------------------------------------- */
    #section3 {
		background-image: url(/design/hannaaa00/SkinImg/mainbg/mobile/bg4m_bak.jpg);
		padding: 0 0 0 0;background-size: cover;
    }     
    #section3 .bg4_thumnail {
        position:absolute;
        bottom:1%;
        width:100%;
        left:50%;
        margin-left:-49%;
    }
    #section3 .bg4_thumnail a img {
        width:24%;
    }
    
    /* 다섯번째 배경
    * --------------------------------------- */       
    #section4 .productIntro {
		width:70%;
        position:absolute;
        left:50%;
        margin-left:-35%;
        top:27%;
	}
    #section4 .productIntro ul {
        width:100%;
    }
    #section4 .productIntro ul li.col01 {
        width:48% !important;
    }
    #section4 .productIntro ul li {
        float:left;
        width:31.3%;
        margin:2% 2% 0 0;
    }
    #section4 .productIntro ul li a img {
        width:100%;
    }

#section3 .inGallery {margin:80px auto;padding:0 12px;} 
#section3 .inGallery img { vertical-align:middle; }
#section3 .inGallery ul.prdList { display:table; width:100%;font-size:0; line-height:0;margin:0 0px 0 0; }
#section3 .inGallery ul.prdList li.item { position:relative;display:inline-block; margin:0px 0 20px; color:#838383; vertical-align:top; text-align:left;  *display:inline; *zoom:1; }
#section3 .inGallery ul.prdList li.item .gbox { display:block;margin:0; font-size:12px; line-height:18px;  }
#section3 .inGallery ul.prdList .gname { display:block;width:100%;font-size:11px; text-align:left; margin:0 0 0 0px;line-height:16px;}
#section3 .inGallery ul.prdList .gname strong {display:block;font-size:12px;padding:10px 0 0;}
#section3 .inGallery ul.prdList .gname a { color:#2e2e2e; }
/* 진열방식 */
#section3 .inGallery ul.column3 li.item { width:50%; }
#section3 .inGallery ul.column3 li.item .gbox { margin:0px 6px 0px 6px;}
#section3 .inGallery ul.column3 li.item img { max-width:100%; }


	/* Bottom menu
	* --------------------------------------- */
	#infoMenu li a {
		color: #fff;
	}

	/* Fixed header and footer.
	* --------------------------------------- */
	#headerWrap {
		position:fixed;
		height: 135px;
		display:block;
		width: 100%;
		background: #fff;
		z-index:9;
		color: #f2f2f2;
		padding: 0px 0 0 0;
	}

	#headerWrap{
		top:0px;
	}



	/* Bottom menu
	* --------------------------------------- */
	#infoMenu {
		bottom: 80px;
	}
	#infoMenu li a {
		color: #fff;
		z-index: 999;
	}

		/* Overwriting styles for the navigation dots (to place it where we want)
	* --------------------------------------- */
	.fp-slidesNav.bottom{
		bottom: 25px;
	}
/* BASIC css end */