@charset 'utf-8';

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, address, em, img,
strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, footer, header, hgroup, menu, nav, section,
audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:middle; background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {min-width:320px;-webkit-text-size-adjust:100%;}
nav, ul {list-style:none;}
a {-webkit-tap-highlight-color:transparent;}
.section01 {position:relative;width:100%;height:240px;background:#080910 url('//image.genie.co.kr/imageg/app/promo_2014/0521/img01.jpg') no-repeat 50% 0;background-size:640px 240px;}

.section01 p {position:absolute;top:21px;left:50%;width:191px;height:191px;margin-left:-95px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0521/event.png') no-repeat 0 0;background-size:191px 382px;}
.section01 p.circle {-moz-transition:all 3s ease;-o-transition:all 3s ease;-ms-transition:all 3s ease;-webkit-transition:all 3s ease;transition:all 3s ease;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);overflow:hidden}
.section01 p.first {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);-moz-transition:all 3s ease;-o-transition:all 3s ease;-ms-transition:all 3s ease;-webkit-transition:all 3s ease;transition:all 3s ease;}
.section01 p.active {background-position:0 -191px;}

.section01 .link01 {display:block;position:absolute;top:144px;left:50%;width:100px;height:25px;margin-left:-50px;font-size:0;line-height:0;}
.section02 {position:relative;width:100%;height:180px;background:#080910 url('//image.genie.co.kr/imageg/app/promo_2014/0521/img02_r1.jpg') no-repeat 50% 0;background-size:640px 180px;}
.section02 .link01 {display:block;position:absolute;top:101px;left:50%;width:100px;height:44px;margin-left:-50px;font-size:0;line-height:0;}
.section03 {position:relative;width:100%;height:498px;background:#eeedf3 url('//image.genie.co.kr/imageg/app/promo_2014/0521/img03_r1.jpg') no-repeat 50% 0;background-size:640px 498px;}
.section03 .link01 {display:block;position:absolute;top:434px;left:50%;width:224px;height:40px;margin-left:-112px;font-size:0;line-height:0;}
.section04 {position:relative;width:100%;height:172px;background:#d5d8e0 url('//image.genie.co.kr/imageg/app/promo_2014/0521/img04_r1.jpg') no-repeat 50% 0;background-size:640px 172px;}
.section04 ul {position:absolute;top:94px;left:50%;margin-left:-160px;}
.section04 ul li {float:left;margin:0 5px;}
.section04 ul li a {display:block;width:54px;height:53px;font-size:0;line-height:0;}
.section05 {position:relative;width:100%;height:270px;background:#282828 url('//image.genie.co.kr/imageg/app/promo_2014/0521/img05_r1.jpg') no-repeat 50% 0;background-size:640px 265px;}
.section05 .link01 {display:block;position:absolute;top:220px;left:50%;width:75px;height:16px;margin-left:40px;font-size:0;line-height:0;}
.section06 {position:relative;width:100%;height:129px;background:#000000 url('//image.genie.co.kr/imageg/app/promo_2014/0521/img06.jpg') no-repeat 50% 0;background-size:640px 129px;}
.section06 .link01 {display:block;position:absolute;top:75px;left:50%;width:132px;height:26px;margin-left:-66px;font-size:0;line-height:0;}
.popup {display:none;position:relative;width:260px;}
.popup img {width:100%;}
.popup .layer-close {position:absolute;top:0;right:0;width:40px;height:40px;font-size:0;line-height:0;}
.popup .link01 {position:absolute;top:150px;left:20px;width:220px;height:31px;font-size:0;line-height:0;}
.popup .link02 {position:absolute;top:110px;left:20px;width:220px;height:31px;font-size:0;line-height:0;}
.popup .link03 {position:absolute;top:127px;left:20px;width:220px;height:31px;font-size:0;line-height:0;}
#mv_area {display:none;position:relative;width:300px;height:225px;}
#mv_area #mv {width:300px;height:225px;}
#mv_area .layer-close {position:absolute;top:-60px;left:50%;width:40px;height:40px;margin-left:-20px;overflow:hidden;display:block;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0521/btn_video_close.png') no-repeat 0 0;;}

@media (min-width: 640px) {
	.section01 {position:relative;width:100%;height:480px;background:#080910 url('//image.genie.co.kr/imageg/app/promo_2014/0521/img01.jpg') no-repeat 50% 0;background-size:1280px 480px;}
	.section01 p {position:absolute;top:42px;left:50%;width:382px;height:382px;margin-left:-191px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0521/event.png') no-repeat 0 0;background-size:382px 764px;}
	.section01 p.circle {-moz-transition:all 3s ease;-o-transition:all 3s ease;-ms-transition:all 3s ease;-webkit-transition:all 3s ease;transition:all 3s ease;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);overflow:hidden}
	.section01 p.first {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);-moz-transition:all 3s ease;-o-transition:all 3s ease;-ms-transition:all 3s ease;-webkit-transition:all 3s ease;transition:all 3s ease;}
	.section01 p.active {background-position:0 -382px;}
	.section01 .link01 {display:block;position:absolute;top:288px;left:50%;width:200px;height:50px;margin-left:-100px;font-size:0;line-height:0;}
	.section02 {position:relative;width:100%;height:360px;background:#080910 url('//image.genie.co.kr/imageg/app/promo_2014/0521/img02_r1.jpg') no-repeat 50% 0;background-size:1280px 360px;}
	.section02 .link01 {display:block;position:absolute;top:202px;left:50%;width:200px;height:88px;margin-left:-100px;font-size:0;line-height:0;}
	.section03 {position:relative;width:100%;height:996px;background:#eeedf3 url('//image.genie.co.kr/imageg/app/promo_2014/0521/img03_r1.jpg') no-repeat 50% 0;background-size:1280px 996px;}
	.section03 .link01 {display:block;position:absolute;top:868px;left:50%;width:448px;height:80px;margin-left:-224px;font-size:0;line-height:0;}
	.section04 {position:relative;width:100%;height:344px;background:#d5d8e0 url('//image.genie.co.kr/imageg/app/promo_2014/0521/img04_r1.jpg') no-repeat 50% 0;background-size:1280px 344px;}
	.section04 ul {position:absolute;top:188px;left:50%;margin-left:-320px;}
	.section04 ul li {float:left;margin:0 10px;}
	.section04 ul li a {display:block;width:108px;height:106px;font-size:0;line-height:0;}
	.section05 {position:relative;width:100%;height:540px;background:#282828 url('//image.genie.co.kr/imageg/app/promo_2014/0521/img05_r1.jpg') no-repeat 50% 0;background-size:1280px 530px;}
	.section05 .link01 {display:block;position:absolute;top:442px;left:50%;width:150px;height:32px;margin-left:80px;font-size:0;line-height:0;}
	.section06 {position:relative;width:100%;height:258px;background:#000000 url('//image.genie.co.kr/imageg/app/promo_2014/0521/img06.jpg') no-repeat 50% 0;background-size:1280px 258px;}
	.section06 .link01 {display:block;position:absolute;top:150px;left:50%;width:264px;height:52px;margin-left:-132px;font-size:0;line-height:0;}
	.popup {display:none;position:relative;width:520px;}
	.popup img {width:100%;}
	.popup .layer-close {position:absolute;top:0;right:0;width:80px;height:80px;font-size:0;line-height:0;}
	.popup .link01 {position:absolute;top:300px;left:40px;width:440px;height:62px;font-size:0;line-height:0;}
	.popup .link02 {position:absolute;top:220px;left:40px;width:440px;height:62px;font-size:0;line-height:0;}
	.popup .link03 {position:absolute;top:254px;left:40px;width:440px;height:62px;font-size:0;line-height:0;}
	#mv_area {display:none;position:relative;width:600px;height:450px;}
	#mv_area #mv {width:600px;height:450px;}
	#mv_area .layer-close {position:absolute;top:-60px;left:50%;width:40px;height:40px;margin-left:-20px;overflow:hidden;display:block;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0521/btn_video_close.png') no-repeat 0 0;;}

}