@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;}

section {position:relative;}
.content {position:relative;width:320px;height:100%;margin:0 auto;}

/* title_img */
.promotion .title_img {background:#000;}
.promotion .title_img img {width:320px;}

/* title */
.promotion .title {background:#ea0c73;}
.promotion .title img {width:320px;}

/* event */
.promotion .event_area {background:#000f43 url('//image.genie.co.kr/imageg/app/promo_2014/0915/event_bg.jpg') no-repeat 50% 0;font-size:0;line-height:0;text-indent:-5000px;background-size:700px 500px;}
.promotion .event_area .event {position:relative;height:500px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/event.jpg') no-repeat 50% 0;background-size:320px 100%;font-size:0;line-height:0;text-indent:-5000px;}
.promotion .event_area .event a {display:block;position:absolute;bottom:20px;left:20px;width:280px;height:44px;}

/* sns */
.promotion .sns {background:#000f43;font-size:0;line-height:0;text-indent:-5000px;background-size:700px 500px;}
.promotion .sns .tip {height:60px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/tip.jpg') no-repeat 50% 0;background-size:100% 60px;font-size:0;line-height:0;text-indent:-5000px;}
.promotion .sns .sns {height:104px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/sns.jpg') no-repeat 0 0;background-size:100% 104px;}
.promotion .sns .sns ul li {float:left;width:60px;height:104px;}
.promotion .sns .sns ul li a {display:block;width:100%;height:100%;}
.promotion .sns .sns ul li.buy {width:70px;}
.promotion .sns .sns ul li.down {width:70px;}

/* graphy */
.promotion .graphy {height:331px;background:#e0e6f4;}
.promotion .graphy .content {height:100%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/graphy1.jpg') no-repeat 50% 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-5000px;}
.promotion .graphy .btn01 {position:absolute;top:105px;left:6px;width:150px;height:150px;}
.promotion .graphy .btn02 {position:absolute;top:105px;right:6px;width:150px;height:150px;}
.promotion .graphy .btn03 {position:absolute;bottom:30px;left:16px;width:130px;height:30px;}
.promotion .graphy .btn04 {position:absolute;bottom:30px;right:16px;width:130px;height:30px;}

/* caution */
.promotion .caution {height:256px;background:#434343;}
.promotion .caution .content {height:100%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/caution.jpg') no-repeat 50% 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-5000px;}
.promotion .caution .content a {position:absolute;bottom:18px;right:80px;width:70px;height:15px;}

/* product */
.promotion .product {height:293px;background:#b7f3fe;}
.promotion .product .content {height:100%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/product.jpg') no-repeat 50% 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-5000px;}
.promotion .product .btn01 {position:absolute;bottom:24px;left:12px;width:140px;height:28px;}
.promotion .product .btn02 {position:absolute;bottom:24px;right:12px;width:140px;height:28px;}

/* reply */
.promotion .reply {background:#010d37;border-top:6px solid #ed037c;}
.promotion .reply h2 {text-align:center;}
.promotion .reply h2 img {width:320px;}

/* popup */
.popup01 {display:none;position:relative;width:260px;height:160px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/popup01.png') repeat 0 0;background-size:260px 160px;font-size:0;line-height:0;text-indent:-5000px;}
.popup01 .btn01 {display:block;position:absolute;bottom:19px;left:20px;width:220px;height:31px;}
.popup01 .layer-close {display:block;position:absolute;top:0;right:0;width:40px;height:40px;}

.popup02 {display:none;position:relative;width:260px;height:160px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/popup02.png') repeat 0 0;background-size:260px 160px;font-size:0;line-height:0;text-indent:-5000px;}
.popup02 .btn01 {display:block;position:absolute;bottom:19px;left:20px;width:220px;height:31px;}
.popup02 .layer-close {display:block;position:absolute;top:0;right:0;width:40px;height:40px;}

.popup03 {display:none;position:relative;width:260px;height:160px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/popup03.png') repeat 0 0;background-size:260px 160px;font-size:0;line-height:0;text-indent:-5000px;}
.popup03 .btn01 {display:block;position:absolute;bottom:19px;left:20px;width:220px;height:31px;}
.popup03 .layer-close {display:block;position:absolute;top:0;right:0;width:40px;height:40px;}

@media (min-width: 640px) {

	.content {position:relative;width:640px;height:100%;margin:0 auto;}

	/* title_img */
	.promotion .title_img {background:#000;}
	.promotion .title_img img {width:640px;}

	/* title */
	.promotion .title {background:#ea0c73;}
	.promotion .title img {width:640px;}

	/* event */
	.promotion .event_area {background:#000f43 url('//image.genie.co.kr/imageg/app/promo_2014/0915/event_bg.jpg') no-repeat 50% 0;font-size:0;line-height:0;text-indent:-5000px;background-size:1400px 1000px;}
	.promotion .event_area .event {position:relative;height:1000px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/event.jpg') no-repeat 50% 0;background-size:640px 100%;font-size:0;line-height:0;text-indent:-5000px;}
	.promotion .event_area .event a {display:block;position:absolute;bottom:40px;left:40px;width:560px;height:88px;}

	/* sns */
	.promotion .sns {background:#000f43;font-size:0;line-height:0;text-indent:-5000px;background-size:1400px 1000px;}
	.promotion .sns .tip {height:120px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/tip.jpg') no-repeat 50% 0;background-size:100% 120px;font-size:0;line-height:0;text-indent:-5000px;}
	.promotion .sns .sns {height:208px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/sns.jpg') no-repeat 0 0;background-size:100% 208px;}
	.promotion .sns .sns ul li {float:left;width:120px;height:208px;}
	.promotion .sns .sns ul li a {display:block;width:100%;height:100%;}
	.promotion .sns .sns ul li.buy {width:140px;}
	.promotion .sns .sns ul li.down {width:140px;}

	/* graphy */
	.promotion .graphy {height:662px;background:#e0e6f4;}
	.promotion .graphy .content {height:100%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/graphy1.jpg') no-repeat 50% 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-5000px;}
	.promotion .graphy .btn01 {position:absolute;top:210px;left:12px;width:300px;height:300px;}
	.promotion .graphy .btn02 {position:absolute;top:210px;right:12px;width:300px;height:300px;}
	.promotion .graphy .btn03 {position:absolute;bottom:60px;left:32px;width:260px;height:60px;}
	.promotion .graphy .btn04 {position:absolute;bottom:60px;right:32px;width:260px;height:60px;}

	/* caution */
	.promotion .caution {height:512px;background:#434343;}
	.promotion .caution .content {height:100%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/caution.jpg') no-repeat 50% 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-5000px;}
	.promotion .caution .content a {position:absolute;bottom:36px;right:160px;width:140px;height:30px;}

	/* product */
	.promotion .product {height:585px;background:#b7f3fe;}
	.promotion .product .content {height:100%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/product.jpg') no-repeat 50% 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-5000px;}
	.promotion .product .btn01 {position:absolute;bottom:48px;left:24px;width:280px;height:56px;}
	.promotion .product .btn02 {position:absolute;bottom:48px;right:24px;width:280px;height:56px;}

	/* reply */
	.promotion .reply {background:#010d37;border-top:12px solid #ed037c;}
	.promotion .reply h2 {text-align:center;}
	.promotion .reply h2 img {width:640px;}

	/* popup */
	.popup01 {display:none;position:relative;width:520px;height:320px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/popup01.png') repeat 0 0;background-size:520px 320px;font-size:0;line-height:0;text-indent:-5000px;}
	.popup01 .btn01 {display:block;position:absolute;bottom:38px;left:40px;width:440px;height:62px;}
	.popup01 .layer-close {display:block;position:absolute;top:0;right:0;width:80px;height:80px;}

	.popup02 {display:none;position:relative;width:520px;height:320px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/popup02.png') repeat 0 0;background-size:520px 320px;font-size:0;line-height:0;text-indent:-5000px;}
	.popup02 .btn01 {display:block;position:absolute;bottom:38px;left:40px;width:440px;height:62px;}
	.popup02 .layer-close {display:block;position:absolute;top:0;right:0;width:80px;height:80px;}

	.popup03 {display:none;position:relative;width:520px;height:320px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0915/popup03.png') repeat 0 0;background-size:520px 320px;font-size:0;line-height:0;text-indent:-5000px;}
	.popup03 .btn01 {display:block;position:absolute;bottom:38px;left:40px;width:440px;height:62px;}
	.popup03 .layer-close {display:block;position:absolute;top:0;right:0;width:80px;height:80px;}
}