@charset "utf-8";

body {
	background-color: #efeff0;
}

#header{
	position: relative;
	z-index: 100;
}

.container{max-width:681px;margin:0 auto;padding-bottom:0}

#footer{
	margin-top: 0 !important;
}

/* sprite */
.sp_about,
.sp_about:before,
.sp_about:after{background:url(../../images/mobile/sp_about.png) no-repeat -600px 0;background-size:500px auto;content:''}

/* layout */
.about_pay{position:relative;min-width:320px;margin-top:-87px}
.section{position:relative}

/* fullpage */
.fp-section{position:relative;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.fp-slide{float:left}
.fp-slide,
.fp-slidesContainer{display:block;height:100%}
.fp-slides{overflow:hidden;position:relative;z-index:1;height:100%;-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;*/width:100%}
.fp-slidesContainer{position:relative;float:left}

.fp-slidesNav{position:absolute;z-index:4;left:50%}
.fp-slidesNav.top{top:122px}
.fp-slidesNav ul li{display:inline-block;position:relative;width:7px;height:7px;margin:4px}
.fp-slidesNav ul li a{width:100%;height:100%;cursor:pointer}
.fp-slidesNav ul li a span{display:block;width:5px;height:5px;border:1px solid #fff;border-radius:50%;opacity:.7;box-shadow:0 1px 1px rgba(0,0,0,.1);}
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span{background:#fff;opacity:1}
.fp-controlArrow{display:none}

/* common */
.bg_img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-size:cover;-webkit-background-size:cover;background-position:50% 50%}
.bg_animation{
	-webkit-animation:animatedBackground 1s ease-out 1 forwards;
	-moz-animation: animatedBackground 1s ease-out 1 forwards;
	animation: animatedBackground 1s ease-out 1 forwards;
	/*animation-delay:1s;*/
}
@-webkit-keyframes animatedBackground {
	from{
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2)
	}
	to{
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}
@keyframes animatedBackground {
	from{
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2)
	}
	to{
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}
.section .heading{position:absolute;top:28px;left:0;right:0;z-index:1;margin:auto;padding-top:53px;text-align:center}
.section .heading:before{position:absolute;top:0;left:50%;width:40px;height:40px;margin-left:-20px}
.section .heading .h{width:157px;height:34px;margin:0 auto}
.section .sub_copy{margin-top:8px;font-size:15px;line-height:19px;color:#fff;text-shadow:0 0 1px rgba(0,0,0,.2)}
.section .detail{position:absolute;bottom:0;z-index:1;width:100%}
.section .detail .desc{padding:0 24px;font-size:13px;line-height:17px;color:#fff}
.section .detail .desc + .desc{margin-top:9px}
.section .detail .desc strong{display:block;font-family:HelveticaNeue-Light,Helvetica,AppleSDGothicNeo-Bold,"나눔고딕",nanumgothic,sans-serif}
.section .detail .button{margin:17px 0 37px}
.section .detail .btn{display:block;width:143px;height:30px;margin:0 auto;border:1px solid #fff;border-radius:2px;font-size:13px;color:#fff;line-height:30px;text-align:center}
.section .object_img{overflow:hidden;position:absolute;left:0;right:0;z-index:3;margin:auto}

/* content */
.section1{min-height:568px !important}
.section1 .slide{position:relative}
.section1 .slide1 .bg_img{background-image:url(../../images/mobile/bg_about_section1_slide1.jpg)}
.section1 .slide2 .bg_img{background-image:url(../../images/mobile/bg_about_section1_slide2.jpg)}
.section1 .slide3 .bg_img{background-image:url(../../images/mobile/bg_about_section1_slide3.jpg)}
.section1 .slide4 .bg_img{background-image:url(../../images/mobile/bg_about_section1_slide4.jpg)}
.section1 .slide5 .bg_img{background-image:url(../../images/mobile/bg_about_section1_slide5.jpg)}

.section1 .copy_txt{display:block;overflow:hidden;position:absolute;top:14.5%;left:50%;z-index:1;width:232px;height:126px;margin-left:-116px;line-height:999px}
.section1 .copy_txt1{background-position:0 0}
.section1 .copy_txt2{background-position:-250px 0}
.section1 .copy_txt3{background-position:0 -130px}
.section1 .copy_txt4{background-position:-250px -130px}
.section1 .copy_txt5{background-position:0 -260px}
.section1 .button{position:absolute;top:50%;z-index:2;width:100%;margin-top:43px;text-align:center}
.section1 .btn_login{display:inline-block;overflow:hidden;position:relative;width:200px;height:44px;border-radius:2px;background:#00be39;box-shadow:0 0 1px rgba(0,0,0,.1)}
.section1 .btn_login .txt_login{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:92px;height:12px;margin:auto;background-position:-250px -315px;line-height:999px}

.feature_wrap{position:absolute;bottom:0;z-index:2;width:100%;min-height:143px;background:#fff;opacity:.85}
.feature_list{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;height:100%;margin:0 17px}
.feature_list .feature_item{position:relative;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-top:77px;font-size:12px;line-height:17px;text-align:center}
.feature_list .feature_item:before{position:absolute;top:33px;left:0;right:0;width:35px;height:35px;margin:auto}
.feature_list .icon1:before{background-position:-250px -269px}
.feature_list .icon2:before{background-position:-285px -269px}
.feature_list .icon3:before{background-position:-320px -269px}
.feature_list .icon4:before{background-position:-358px -269px}
.feature_list .feature_item strong{display:block;font-family:HelveticaNeue-Light,Helvetica,AppleSDGothicNeo-Semibold,"나눔고딕",nanumgothic,sans-serif;font-weight:normal}

.section2,
.section3,
.section4,
.section5{height:568px !important}
.section2 .fp-tableCell,
.section3 .fp-tableCell,
.section4 .fp-tableCell,
.section5 .fp-tableCell{height:481px !important}

.section2{background:#00c73c}
.section2 .bg_img{height:340px;background-image:url(../../images/mobile/bg_about_section2.jpg)}
.section2 .heading:before{background-position:-250px -335px}
.section2 .heading .h{background-position:0 -395px}
.section2 .object_img{top:166px;width:298px;height:252px;background:url(../../images/mobile/sp_object1.png) no-repeat;background-size:298px auto}
.section2 .obj_scene1{background-position:0 0}
.section2 .obj_scene2{display:none;background-position:0 -252px}
.section2 .obj_scene3{display:none;background-position:0 -504px}

.section3{background:#1088ed}
.section3 .bg_img{height:385px;background-image:url(../../images/mobile/bg_about_section3.jpg)}
.section3 .heading:before{background-position:-295px -335px}
.section3 .heading .h{background-position:-160px -395px}
.section3 .object_img{top:188px;width:177px;height:197px;background:url(../../images/mobile/sp_object2.png) no-repeat;background-size:auto 197px}
.section3 .obj_scene1{background-position:0 0}
.section3 .obj_scene2{display:none;background-position:-177px 0}
.section3 .obj_scene3{display:none;background-position:-354px 0}
.section3 .obj_scene4{display:none;background-position:-531px 0}
.section3 .obj_scene5{display:none;background-position:-708px 0}
.section3 .obj_scene6{display:none;background-position:-885px 0}
.section3 .obj_scene7{display:none;background-position:-1062px 0}
.section3 .obj_scene8{display:none;background-position:-1239px 0}
.section3 .obj_scene8:after{position:absolute;top:86px;left:36px;width:105px;height:105px;background:url(../../images/mobile/bg_loading.gif);background-size:105px 105px;content:'';}

.section4{background:#6862c8}
.section4 .bg_img{height:279px;background-image:url(../../images/mobile/bg_about_section4.jpg)}
.section4 .heading:before{background-position:-340px -335px}
.section4 .heading .h{background-position:-320px -395px}
.section4 .object_img{top:150px;width:290px;height:210px;background:url(../../images/mobile/sp_object3.png) no-repeat;background-size:290px auto}
.section4 .obj_scene1{background-position:0 0}
.section4 .obj_scene2{display:none;background-position:0 -210px}
.section4 .obj_scene3{display:none;background-position:0 -420px}

.section5{background:#495da3}
.section5 .bg_img{height:378px;background-image:url(../../images/mobile/bg_about_section5.jpg)}
.section5 .heading:before{background-position:-385px -335px}
.section5 .heading .h{background-position:-0px -439px}
.section5 .obj_scene1{top:176px;width:172px;height:202px;background:url(../../images/mobile/membership.png) no-repeat;background-size:172px auto}

@media screen and (orientation:landscape) {
	.section1{height:568px !important}
}